*{padding: 0px;margin: 0px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family: Arial,'微软雅黑';color: #fff;background-color:#fff;}
h3,h4,h5,h6,a,span,p{color: #fff;font-family:'微软雅黑',Arial;font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
.dr {overflow: hidden;position: relative;}

body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}


.icenter{width: 1500px;margin: auto;}
.e_2,.p_2,.s_2,.logo_2,.taobao_2,.s_2 {filter: grayscale(2) brightness(10);}
/* head */

.div1 {position: fixed; top: 0px; width: 100%; z-index: 99; }
.div1 .head_nav {transition: 0.5s; border-bottom: 1px solid rgba(255,255,255,.3);height: 40px;    align-items: center; display: flex;}
.div1 .head_nav .icenter {display: flex;justify-content: flex-end;align-items: center;}
.div1 .head_nav h4 {display: flex;align-items: center;font-size: 16px;font-family: arial;}
.div1 .head_nav h4 a {display: flex;align-items: center;font-size: 16px;font-family: arial;}
.div1 .head_nav h4 a:hover {color: #0068b7!important;}
.div1 .head_nav h4:nth-of-type(1){position: relative; margin-right: 15px;padding-right: 15px;;}
.div1 .head_nav h4:nth-of-type(1)::after {content: ""; position: absolute; right: 0px; top: 4px; height: 13px; width: 1px; background-color: rgba(255,255,255,.3);}
.div1 .head_nav h4 img {margin-right: 2px;width: 20px;transition: 0s;}

/* h5 */
.lei04_h5{display: none;}
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 
.h5_dates02{display: none;}

.head { box-sizing: border-box; display: flex;justify-content: space-between;align-items: center;height: 90px;border-bottom: 1px solid rgba(255,255,255,.3);}
.head .icenter {display: flex;justify-content: space-between;}

.head .left { width: auto;display: flex;align-items: center;}
.head .left img {width: 140px;transition: 0s;}
.head .right {width: 56%;display: flex;justify-content: space-between;align-items: center;}

.head .mid ul li .a {  position: relative;   padding: 0 0px; margin: 0 20px; font-size: 18px; height: 90px; line-height: 90px;}
.head .mid ul li .a::after {transition: 0.3s; position: absolute;content: "";bottom: 0px;left: 0px;width: 0%;height: 3px;background-color: #0068b7;}
.head .mid ul li:hover .a::after{width: 100%;}
.head .mid ul li:hover .a {color: #0068b7;}
.head .mid ul {display: flex;}
.head .biao {z-index: 1; display: flex;align-items: center;}
.head .biao a {width: 40px;height: 40px; border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.head .biao a:nth-of-type(1){margin-right: 10px;}
.head .biao a  img {width: 25px;transition: 0s;}


.div2 .e_2,.div2 .p_2,.div2 .logo_2 {filter:none;}
.div2 .taobao_2,.div2 .s_2 {filter:grayscale(3);}
.div2 {background-color: #fff;    box-shadow: 0 0 5px #ddd;}
.div2 .mid li .a {color: #333;}
.div2 .head .biao a {border-color: #999;}
.div2 .head_nav h4 {color: #333;}
.div2 .head_nav h4 a{color: #333;}
.div2 .head_nav {height: 0px;opacity: 0;}
.div2 .head .biao a {border-color: #333;}

.div1 .head .biao a:nth-of-type(1):hover .taobao_2 {filter: none;}
.div1 .head .biao a:nth-of-type(2):hover .s_2 {filter: none;}
.div1 .head .biao a:hover {border-color: #0068b7!important;}


.div1:hover .head_nav { transition: 0.5s; border-bottom: 1px solid rgba(0,0,0,0.2);}
.div1:hover .head_nav h4 {color: #333;}
.div1:hover .head_nav h4 a{color: #333;}
.div1:hover .head .biao a {border-color: #333;}
.div1:hover .e_2,.div1:hover .p_2,.div1:hover .logo_2{filter: none;}
.div1:hover .taobao_2,.div1:hover .s_2 {filter:grayscale(3);}
.div1:hover {background-color: #fff;    box-shadow: 0 0 5px #ddd;}
.div1:hover .mid li .a {color: #333;}


.g_nav_ul1 { overflow: hidden; position: absolute; top: 90px; left: 50%; transform: translateX(-50%);  width: 252px; background: #fff; box-sizing: border-box; }
.g_nav_ul { display: none; box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); }
.g_nav_li { margin: 12px 0; text-align: center; }
.g_nav_li a { position: relative; text-align: center; color: #666; line-height: 40px; transition: all .36s ease; display: block; font-size: 18px; display: inline-block; line-height: 1.5; }
.g_nav_li a:hover {color: #0068b6;}
.g_nav_li a::after { content: ""; transition: 0.36s; opacity: 0; position: absolute;width: 15px;height: 1px;background-color: #0068b6;top: 50%;transform: translateY(-50%);left: -30px;}
.g_nav_li a::before {content: ""; transition: 0.36s; opacity: 0; position: absolute;width: 15px;height: 1px;background-color: #0068b6;top: 50%;transform: translateY(-50%);right: -30px;}
.g_nav_li a:hover::after {opacity: 1;}
.g_nav_li a:hover::before {opacity: 1;}
.head .mid ul li {position: relative;}
.head .mid ul li .g_nav_ul1 { border-top: 1px solid #0068b6;padding-top: 24px; margin-top: 0px; padding-bottom: 24px; margin-bottom: 0px; }
.head .mid ul li .a::after{display: none;}


/* banner */
.index_banner .dot_box {z-index: 1; position: absolute;right: 10%;bottom: 10%;cursor: pointer;}
.index_banner .dot {display: flex;justify-content: center;  border-radius: 10px; border: 1px solid #fff;  width: 24px; height: 34px;  z-index: 1; margin: auto;}
.index_banner .dot .dot_child{ animation: jump 1.7s linear infinite; -webkit-animation: jump 1.7s linear infinite;  width: 5px;height: 5px;background-color: #fff;position: relative;left: 0px;}
.index_banner .dot_box  span {font-size: 14px;margin-top: 10px;text-transform: capitalize;}


@-webkit-keyframes jump {
  from {
    transform: translateY(0)

} 

to {
    transform: translateY(16px)

}
}

@keyframes jump {
  from {
    transform: translateY(0)
 
}

to {
    transform: translateY(16px)
}
}

.index_banner {position: relative;overflow: hidden;height: 100%;}
.index_banner::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 20, 41, 0.6); }
.index_banner .vi_1 {height: 100%;display: block;object-fit: cover;width: 100%;}
.index_banner .bo {   font-size: 16px; display: flex; justify-content: center; align-items: center; z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; border-radius: 50%; color: #0068b6; background-color: #fff;}
.index_banner .bo {display: none;}
.index_banner::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: url(/style/img/shipincc01.jpg);background-size: cover;}
.index_banner::before{display: none;}
.inner_banner::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: url(/style/img/shipincc02.jpg);background-size: cover;}
.inner_banner::before{display: none;}
.inner_banner .bo {   font-size: 16px; display: flex; justify-content: center; align-items: center; z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; border-radius: 50%; color: #0068b6; background-color: #fff;}
.inner_banner .bo {display: none;}

.index_banner .text {z-index: 1; position: absolute;left: 50%;top: 53%;transform: translate(-50%,-50%);}
.index_banner .text h3 {    font-size: 95px; font-family: arial; margin-bottom: 10px;}
.index_banner .text h4 {font-size: 46px;font-weight: bold;margin-bottom: 40px;}
.index_banner .text .bot {display: flex;}
.index_banner .text .bot a:nth-of-type(1){margin-right: 12px;background-color: #fff; color: #0068b7;}
.index_banner .text .bot a:nth-of-type(1):hover{color: #fff;background-color: #0068b7;} 
.index_banner .text .bot a:nth-of-type(1)::after{border: 2px solid #fff;}

.index_banner .text .bot a:nth-of-type(2){border: 1px solid #fff;background-color: transparent;}
.index_banner .text .bot a:nth-of-type(2)::after{border-color: #0068b7;background-color: #fff; }
.index_banner .text .bot a:nth-of-type(2):hover {color: #0068b7;border-color: #0068b7;}

.amore {box-sizing: border-box; border-radius: 5px;  background: #0068b7; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;   border-radius: 5px; z-index: 0;overflow: hidden; position: relative; font-size: 16px;     width: 165px; height: 45px;display: flex;align-items: center;justify-content: center;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.amore::after {     box-sizing: border-box; border-radius: 5px;   content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #0068b7; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.amore:hover { background-color: #fff; color: #0068b7; }
.amore:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }



/* lei01 */
.lei01 {position: relative;overflow: hidden;}
.lei01 .lei01_top .lei01_t_ri img{height: 94px;}
.lei01 .lei01_top {position: relative; padding: 0px 0;  display: flex;}
.lei01 .lei01_top .lei01_t_ri {width: 100%; display: flex;justify-content: flex-end;}
.lei01 .lei01_top .lei01_t_ri img{    width: 33.33%;height: 100px;    object-fit: fill;}
.lei01_img {width: 100%;object-fit: fill;height: 100px;}
.lei01_img  img {height: 100%;    object-fit: fill;}
.lei01 .lei01_top .icenter {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;  height: 100px;}
.lei01 .lei01_top .icenter  h3{    font-size: 25px; font-weight: bold; margin-right: 24px;}
.lei01 .lei01_top .icenter .left h3{background: linear-gradient(to right, #1e8bc2,#196aa1); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.lei01 .lei01_top .icenter .left {display: flex;align-items: center;width: 33.33%;    justify-content: center;}
.lei01 .lei01_top .icenter .mid {display: flex;align-items: center;width: 33.33%;    justify-content: center;}
.lei01 .lei01_top .icenter .mid a{border: 1px solid #fff;background-color: transparent;}
.lei01 .lei01_top .icenter .mid a:hover{border: 1px solid transparent;background-color: #fff;}

.lei01 .lei01_top .icenter .right {display: flex;align-items: center; width: 33.33%;    justify-content: center;}
.lei01 .lei01_top .icenter a {width: 135px;height: 35px;}
.lei01 .lei01_top .icenter .left a {border: 1px solid #0068b7; color: #0068b7; background-color: #fff; }
.lei01 .lei01_top .icenter .left a::after{background-color: #0068b7;}
.lei01 .lei01_top .icenter .left a:hover {color: #fff;border-color: #fff;}
.lei01 .lei01_top .icenter .right a{border: 1px solid #fff;background-color: transparent;}
.lei01 .lei01_top .icenter .right a:hover{border: 1px solid transparent;background-color: #fff;}
.lei01 .lei01_bot {background: url(../img/sy_bj1.jpg);background-size: cover;padding: 100px 0;}

.lei01 .lei01_Swiper .swiper-wrapper {align-items: center;}
.lei01 .lei01_Swiper .box {position: relative;}
.lei01 .lei01_Swiper .box .wen {    font-weight: bold; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); font-size: 200px; font-family: arial; opacity: 0.2;white-space: nowrap;}
.lei01 .lei01_Swiper .box .imgbox{    transition: 1s; margin-bottom: 10px; width: 40%; margin: 0 auto;}
.lei01 .lei01_Swiper {overflow: hidden;position: relative;height: 600px;}
.lei01 .lei01_Swiper .box .text {position: relative;    width: 400px;}
.lei01 .lei01_Swiper .box .text h3{ transition: 0.5s; font-size: 40px;font-family: arial;margin-bottom: 10px;font-weight: bold;    text-align: center;margin-top: 10px;}
.lei01 .lei01_Swiper .box .text h4{width: 847px;margin-left: -200px; transition: 0.5s; font-size: 18px;    text-align: center;     display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lei01 .lei01_Swiper .fa {background: none;font-size: 55px;color: #fff;opacity: 0.5;    top: 44%;}
.lei01 .lei01_Swiper .fa:hover {opacity: 1;}


.lei01 .lei01_Swiper .swiper-slide .box h4{opacity: 0;}
.lei01 .lei01_Swiper .swiper-slide .box {opacity: 0.5;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.lei01 .lei01_Swiper .swiper-slide .box a {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.lei01 .lei01_Swiper .swiper-slide {align-items: center; justify-content: center; display: flex;}
.lei01 .lei01_Swiper .swiper-slide .box h3 {font-size: 24px;}
.lei01 .lei01_Swiper .swiper-slide .box .wen {opacity: 0;transition: 0.5s;}
.lei01 .lei01_Swiper .swiper-slide-active .box .wen {opacity: 0.06;}
.lei01 .lei01_Swiper .swiper-slide-active .box h4{   opacity: 0.7; display: -webkit-box;}
.lei01 .lei01_Swiper .swiper-slide-active .box h3 {font-size: 40px;}
.lei01 .lei01_Swiper .swiper-slide-active .box {opacity: 1;}
.lei01 .lei01_Swiper .swiper-slide-active .box .wen {display: block;    z-index: -1;}
.lei01 .lei01_Swiper .swiper-slide-active .imgbox{width: 100%;}



.lei01 dl {    display: flex; width: 44%; margin: auto; justify-content: space-between; margin-top: 60px;}
.lei01 dl .sy_cp2 {display: none;}
.lei01 dl dd {border: 1px solid rgba(255,255,255,.8);width: 108px;height: 108px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.lei01 dl dd img {width: 43px;margin-bottom: 6px;}
.lei01 dl dd:hover {background-color: #fff;}
.lei01 dl dd:hover .sy_cp2{display: block;}
.lei01 dl dd:hover .sy_cp1{display: none;}
.lei01 dl dd:hover  span {color: #0068b7;}


/* lei02 */
.amore2::after {background-color: #fff;}
.amore2 {background-color: #0068b7;color: #fff;}
.lei02 {padding: 100px 0 ;position: relative;overflow: hidden;}
.lei02 .top {display: flex;justify-content: space-between;align-items: flex-end;}
.lei02 .top .left {}
.lei02 .top .left h3 {font-size: 20px;color: #666666;margin-bottom: 10px;}
.lei02 .top .left h4 {font-size: 50px;font-weight: bold;color: #333333;}

.lei02 ul { display: flex; justify-content: flex-start; flex-wrap: initial; overflow: hidden; margin-top: 30px; }
.lei02 ul li {-webkit-transition: 0.8s all; transition: 0.8s all;flex: 1 1 12%; overflow: hidden; width: 12%; margin-right: 1px; position: relative;}
.lei02 ul li a{position: relative;}
.lei02 ul li a::after {position: absolute;content:"";background-color: rgba(0,0,0,0.5);left: 0px;top: 0px;width: 100%;height: 100%;}
.lei02 ul li.on {flex: 1 1 39.6%; width: 39.6%;}
.lei02 ul li figure img { width: 100%; height: 100%; object-fit: cover; }
.lei02 ul li figure { width: 100%; height: 600px; }
.lei02 ul li .text { z-index: 1;    position: absolute; top: 17%; left: 0; width: 100%;}
.lei02 ul li.on .text {left: 10%; width: fit-content; top: 17%; }
.lei02 ul li .text p {font-size: 18px; width: 420px; line-height: 30px;color: #fff; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.lei02 ul li.on .text p { -webkit-transition: all 0.4s 0.3s linear; transition: all 0.4s 0.3s linear; visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.7; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lei02 ul li .text .cha {   display: flex; font-size: 16px;margin-top: 50px;    visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.lei02 ul li .text .cha span {margin-left: 5px; position: relative; left: 0px;transition: 0.5s;}
.lei02 ul li.on .text .cha {-webkit-transition: all 0.4s 0.3s linear; transition: all 0.4s 0.3s linear; visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.lei02 ul li .text .cha:hover span {left: 15px;}
.lei02 ul li:last-child {margin-right: 0px;}
.lei02 ul li .text h3 {     text-align: center; color: #fff; margin-bottom: 15px; font-size: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.lei02 ul li .text h3 img {width: 50px; display: block;margin-bottom: 10px;    filter: grayscale(5) brightness(8);}
.lei02 ul li.on .text h3{ text-align: left; display: block;}
@-webkit-keyframes fadeInUp2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUp2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      -ms-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

/* lei03 */
.lei03 {position: relative;overflow: hidden;padding: 130px 0;background: url(../img/sy_bj2.jpg);background-size: cover;}
.lei03 .top {display: flex;justify-content: space-between;align-items: center;}
.lei03 .top .left {width: 35%;position: relative;padding-left: 120px;box-sizing: border-box;}
.lei03 .top .left .wen {position: absolute;left: -120px;top: 0px;transform: rotate(90deg);font-size: 120px;color: #e4e9f1;font-weight: bold;}
.lei03 .top .left h3 {font-size: 70px;font-weight: bold;color: #333333;    line-height: 82px;}
.lei03 .top .left h3 span {color: #0068b7;    font-weight: bold;}
.lei03 .top .right {width: 50%;}
.lei03 .top .right p {font-size: 18px;color: #666666;line-height: 30px;margin-bottom: 20px;}
.lei03 .bot {display: flex;justify-content: space-between;margin-top: 100px;    align-items: center;}
.lei03 .bot ul {display: flex;width: 34%;justify-content: space-between;flex-flow: wrap;}
.lei03 .bot ul li {width: 40%;margin-bottom: 40px;}
.lei03 .bot ul li:nth-of-type(3),.lei03 .bot ul li:nth-of-type(4){margin-bottom: 0px;}
.lei03 .bot ul li h4 {color: #0068b7; font-size: 30px; margin-bottom: 6px; line-height: 42px;}
.lei03 .bot ul li h4 strong{font-size: 70px;font-family: arial;font-weight: bold;margin-right: 5px;}
.lei03 .bot ul li h5 {font-size: 18px;color: #666666;line-height: 30px;}
.lei03 .bot .right  {width: 58%;}
.lei03_h5 {display: none;}


/* lei04 */
.lei04 {padding: 260px 0 285px;position: relative;overflow: hidden;background: url(../img/sy_bj3.jpg);background-size: cover;}
.lei04 .icenter {position: relative;flex-direction: column; display: flex;justify-content: center;align-items: center;}
.lei04 .icenter .box {    z-index: 1; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.lei04 .icenter .box h3 {font-size: 50px;font-weight: bold;margin-bottom: 8px;}
.lei04 .icenter .box h4 {font-size: 40px;font-family: arial;}
.lei04 .icenter .box .line {width: 80px;height: 1px;background-color: #fff;margin: 30px 0 38px;}


.lei04 ul {    position: absolute; height: 100%; width: 100%; top: 0px; left: 0px;}
.lei04 ul li {     border-radius: 50%; position: absolute; background-color: #fff; display: flex; justify-content: center; overflow: hidden; align-items: center; }
.lei04  ul li img { width: 126px; }

.lei04  ul li:nth-of-type(1) {     top: -68%; left: -8%; width: 135px; height: 135px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(1) img { width: 126px; }

.lei04  ul li:nth-of-type(2) {top: -85%; left: 8%;width: 96px; height: 96px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear  infinite; }
.lei04  ul li:nth-of-type(2) img { width: 97px; }

.lei04  ul li:nth-of-type(3) {top: -34%; left: 16%; width: 122px; height: 122px;  animation: xb1 5.4s linear infinite; -webkit-animation: xb1 5.4s linear infinite; }
.lei04  ul li:nth-of-type(3) img { width: 100px; }

.lei04  ul li:nth-of-type(4) { top: 6%; left: -1%; width: 122px; height: 122px;  animation: xb1 6.3s linear infinite; -webkit-animation: xb1 6.3s linear infinite; }
.lei04  ul li:nth-of-type(4) img { width: 126px; }

.lei04  ul li:nth-of-type(5) { top: 34%; left: 9%; width: 155px; height: 155px;  animation: xb1 6.1s linear infinite; -webkit-animation: xb1 6.1s linear infinite; }
.lei04  ul li:nth-of-type(5) img { width: 126px; }

.lei04  ul li:nth-of-type(6) { top: 61%; left: -8%; width: 100px; height: 100px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(6) img { width: 100px; }

.lei04  ul li:nth-of-type(7) {    top: 93%; left: 0%; width: 135px; height: 135px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(7) img { width: 126px; }

.lei04  ul li:nth-of-type(8) {     top: 103%; left: 20%; width: 100px; height: 100px;  animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite; }
.lei04  ul li:nth-of-type(8) img { width: 100px; }

.lei04  ul li:nth-of-type(9) {     top: 141%; left: -7%; width: 100px; height: 100px;  animation: xb1 6.2s linear infinite; -webkit-animation: xb1 6.2s linear infinite; }
.lei04  ul li:nth-of-type(9) img { width: 100px; }

.lei04  ul li:nth-of-type(10) {     top: 145%; left: 11%; width: 86px; height: 86px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(10) img { width: 90px; }

.lei04  ul li:nth-of-type(11) {     top: -91%; right: 1%; width: 135px; height: 135px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(11) img { width: 126px; }

.lei04  ul li:nth-of-type(12) { top: -41%; right: 18%; width: 124px; height: 124px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(12) img { width: 126px; }

.lei04  ul li:nth-of-type(13) {top: -22%; right: 7%; width: 95px; height: 95px;  animation: xb1 5.9s linear infinite; -webkit-animation: xb1 5.9s linear infinite; }
.lei04  ul li:nth-of-type(13) img { width: 100px; }

.lei04  ul li:nth-of-type(14) { top: -34%; right: -7%; width: 95px; height: 95px;  animation: xb1 5.6s linear infinite; -webkit-animation: xb1 5.6s linear infinite; }
.lei04  ul li:nth-of-type(14) img { width: 90px; }

.lei04  ul li:nth-of-type(15) {     top: 11%; right: -1%; width: 124px; height: 124px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(15) img { width: 126px; }

.lei04  ul li:nth-of-type(16) {     top: 35%; right: 10%; width: 155px; height: 155px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(16) img { width: 126px; }

.lei04  ul li:nth-of-type(17) {    top: 80%; right: -5%; width: 100px; height: 100px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(17) img { width: 100px; }

.lei04  ul li:nth-of-type(18) {top: 104%; right: 19%;width: 100px; height: 100px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; } .lei04  ul li:nth-of-type(18) img { width: 100px; }
.lei04  ul li:nth-of-type(18) img { width: 100px; }

.lei04  ul li:nth-of-type(19) {top: 109%; right: 2%; width: 135px; height: 135px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(19) img { width: 126px; }

.lei04  ul li:nth-of-type(20) { top: 156%; right: 12%; width: 90px; height: 90px;  animation: xb1 5.6s linear infinite; -webkit-animation: xb1 5.6s linear infinite; }
.lei04  ul li:nth-of-type(20) img { width: 90px; }

.lei04  ul li:nth-of-type(21) {   top: 151%; right: -7%;width: 90px; height: 90px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(21) img { width: 90px; }
.lei04  ul li:nth-of-type(22) {  top: -30%; left: 7%; width: 85px; height: 85px; animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(22) img { width: 90px; }


@keyframes xb1 {0% {}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}}
@-webkit-keyframes xb1 {0% {transform: translate(0%,0%);}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}}


/* lei05 */
.lei05 {padding: 100px 0;position: relative;overflow: hidden;}
.lei05 .top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 30px;}
.lei05 .top .left {display: flex;align-items: flex-end;}

.lei05 .top .left h3 {font-size: 50px;font-weight: bold;color: #333333;margin-right: 80px;}
.lei05 .top .left .tab {display: flex;}
.lei05 .top .left .tab span {    cursor: pointer; padding-right: 0px; margin-right: 30px; position: relative; font-size: 22px; color: #666666; border-bottom: 1px solid transparent; }


.lei05 .top .left .tab span::after {content: ""; position: absolute; height: 20px; width: 1px; background-color: #a5a5a5; right: -15px; top: 7px;}
.lei05 .top .left .tab span:nth-of-type(3):after{display: none;}

.lei05 .top .left .tab span.active {border-bottom: 1px solid #0068b7;color: #0068b7;}
.lei05 .top .left .tab span:hover {border-bottom: 1px solid #0068b7;color: #0068b7;}

.lei05 .top .right a {display: none;}
.lei05 .top .right a.on {display: flex;}

.lei05 .bot {overflow: hidden;position: relative;}

.lei05  .left .bot  {display: flex;align-items: center;margin-top: 12px;justify-content: space-between;}
.lei05  .left .bot  h3 { font-size: 24px; color: #333333; font-weight: bold; margin-right: 0px;}
.lei05  .left .bot  .time {font-size: 16px;color: #666666;}

.lei05 .swiper-container-horizontal>.swiper-pagination-bullets{display: none;}
.lei05 .box  {display: flex;justify-content: space-between;}
.lei05 .box a:hover .imgbox img {transform: scale(1.1);}
.lei05 .box a .imgbox {overflow: hidden;position: relative;height: 501px;}
.lei05 .box a .imgbox img {height: 100%;width: 100%;object-fit: cover;}
.lei05 .box .left {width: 57%;}
.lei05 .box .left:hover h3 {color: #0068b7;}
.lei05 .box .left h3 {font-size: 24px;color: #333333;margin-top: 0px;font-weight: bold;}
.lei05 .box ul {width: 40%;}
.lei05 .box ul li {border-bottom: 1px solid #d6d6d6;}
.lei05 .box ul li:nth-of-type(1) {border-top: 1px solid #d6d6d6;}
.lei05 .box ul li a {display: flex; justify-content: space-between; padding: 23px 0;}
.lei05 .box ul .dr_left {width: 20%;}
.lei05 .box ul .dr_left .date {position: relative;padding-left: 39px;}
.lei05 .box ul .dr_left .date span{font-size: 18px;font-family: arial;color: #0068b7;position: absolute;top: 0px;left: 0px;}
.lei05 .box ul .dr_left .date .line{    width: 73px; height: 1px; background-color: #0068b7; transform: rotate(-53deg); position: absolute; top: 24px; left: -10px;}
.lei05 .box ul .dr_left .date h3 {    font-size: 42px; font-family: arial; color: #adadad; font-weight: bold; position: relative; top: 16px;}

.lei05 .box ul .dr_right {width: 76%;}
.lei05 .box ul .dr_right h3 {font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 5px;}
.lei05 .box ul .dr_right h4 {font-size: 16px; color: #666666; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.lei05 .box ul .dr_right .a {font-size: 16px;color: #0068b7;display: flex;}
.lei05 .box ul .dr_right .a span{position: relative;left: 0px;transition: 0.5s;color: #0068b7;margin-left: 5px;}
.lei05 .box ul li:hover .dr_right .a span{left: 15px;}
.lei05 .box ul li:hover .dr_right h3 {color: #0068b7;}

.lei05 .vi1_box {display: flex;justify-content: space-between;}
.lei05 .vi1_box .left {width: 57%;}
.lei05 .vi1_box .left  .vi1{width: 100%;position: relative;height: 500px; overflow: hidden;}
.lei05 .vi1_box .left .vi1:hover a img {transform: scale(1.1);}
.lei05 .vi1_box .left .vi1 video { width: 100%; height: 100%; object-fit: cover; }
.lei05 .vi1_box .bo {  cursor: pointer;  background-color: #fff; z-index: 1; position: absolute; width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 17px; color: #0068b7; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lei05 .vi1_box .bo:hover {color: #fff;background-color: #0068b7;}
.lei05 .vi1_box .bo::before {position: relative;left: 2px;}
.lei05 .vi1_box .left .bot  {display: flex;align-items: center;margin-top: 12px;justify-content: space-between;}
.lei05 .vi1_box .left .bot  h3 { font-size: 24px; color: #333333; font-weight: bold; margin-right: 0px;}
.lei05 .vi1_box .left .bot  .time {font-size: 16px;color: #666666;}
.lei05 .vi1_box .right {width: 40%;}
.lei05 .vi1_box .right .content {padding: 19px 0;}
.lei05 .vi1_box .right .content a {display: flex;justify-content: space-between;align-items: center;}
.lei05 .vi1_box .right .content:hover h4{color: #0068b7;}
.lei05 .vi1_box .right .content:hover h5{color: #0068b7;}
.lei05 .vi1_box .right .content:hover h5 span{color: #0068b7;}
.lei05 .vi1_box .right .c_left {width: 36%;position: relative;overflow: hidden;}
.lei05 .vi1_box .right .c_left img { width: 100%; object-fit: cover;}
.lei05 .vi1_box .right .content:hover .c_left img {transform: scale(1.1);}
.lei05 .vi1_box .right .c_right {width: 57%;}
.lei05 .vi1_box .right .c_right h3 {font-size: 14px;color: #666666;margin-bottom: 12px;}
.lei05 .vi1_box .right .c_right h4 {font-weight: bold;font-size: 20px; color: #333333;line-height: 30px;margin-bottom: 16px;}
.lei05 .vi1_box .right .c_right h5 {font-size: 16px;color: #666666;display: flex;}
.lei05 .vi1_box .right .c_right h5 span {position: relative;left: 0px;transition: 0.5s;color: #666666;margin-left: 5px;}
.lei05 .vi1_box .right .content:hover .c_right h5 span{left: 15px;}
.lei05 .vi1_box ul li { border-bottom: 1px solid #d6d6d6; }
.lei05 .vi1_box ul li:nth-of-type(1) { border-top: 1px solid #d6d6d6; }

.lei05 .vi1_box .left .vi1 a {height: 100%;}
.lei05 .vi1_box .left .vi1 a img{height: 100%;}
/* lei06 */
.lei06 {position: relative;overflow: hidden;}
.lei06 .pic {display: flex;justify-content: space-between;position: relative;}
.lei06 .pic img {width: 100%;height: 570px;}
.lei06 .pic .pic_left {width: 54%;z-index: 1;}
.lei06 .pic .pic_right {width: 55%;position: absolute;right: 0;top: 0px;}
.lei06 .icenter {z-index: 2; display: flex;justify-content: space-between;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.lei06 .left {width: 35%;}
.lei06 .left h3 {font-size: 50px;font-family: arial;font-weight: bold;line-height: 54px;margin-bottom: 20px;}
.lei06 .left h4 {    width: 76%; font-size: 18px;line-height: 30px;margin-bottom: 50px;}
.lei06 .left .bot {display: flex;}
.lei06 .left .bot a:nth-of-type(1){margin-right: 12px;background-color: #fff; color: #0068b7;}
.lei06 .left .bot a:nth-of-type(1):hover{color: #fff;background-color: #0068b7;} 
.lei06 .left .bot a:nth-of-type(1)::after{border: 2px solid #fff;}
.lei06 .left .bot a:nth-of-type(2){border: 1px solid #fff;background-color: transparent;}
.lei06 .left .bot a:nth-of-type(2)::after{border-color: #fff;background-color: #fff; }
.lei06 .left .bot a:nth-of-type(2):hover {color: #0068b7;border-color: #fff;}


/* lei07 */
.lei07 {padding: 100px 0;position: relative;overflow: hidden;}
.lei07 .top {display: flex;align-items: flex-end;margin-bottom: 30px;justify-content: space-between;}
.lei07 .top h3 {font-size: 50px;color: #333333;font-weight: bold;}
.lei07 .bot {position:relative}
.lei07 .bot dl {height: 100%;}



.lei07 .bot dl  .line { opacity: 0.8; position: absolute; width: 126px; height: 126px; border: 2px dashed #0068b7; border-radius: 50%; -webkit-animation: rotation 18s linear infinite; animation: rotation 18s linear infinite; }
.lei07 .bot dl  .line { width: 180px; height: 180px; transition: all 0.8s linear 0s; -webkit-transition: all 0.8s linear 0s; }
.lei07 .bot dl.sax .line { width: 115px; height: 115px; }
.lei07 .bot dl .line:after{ content: ""; position: absolute; width: 10px; height: 10px; background:#0068b7; top: 50%; left: 50%; border-radius: 50%; margin: -5px; }
.lei07 .bot dl .lz1{    top: 29.6%; left: 1%;}
.lei07 .bot dl .lz2{     top: 10.6%; left: 20.6%;}
.lei07 .bot dl .lz3{    top: 36.3%; left: 17.4%;}
.lei07 .bot dl .lz4{    top: 45.2%; left: 30.6%;}
.lei07 .bot dl .lz5{    top: 37.1%; left: 35.3%;}
.lei07 .bot dl .lz6{    top: 29.5%; left: 32.8%;}
.lei07 .bot dl .lz7{    top: 16.2%; left: 56.8%;}
.lei07 .bot dl .lz8{top: 36%; left: 68.2%;}
.lei07 .bot dl .lz9{    top: 15%; left: 71.2%;}
.lei07 .bot dl .lz10{    top: 11%; left: 87.2%;}

@keyframes rotation {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}

.lei07 .bot ul {width: 100%; display: flex;justify-content: space-between;position: absolute;bottom: 75px;}
.lei07 .bot ul  li { flex-direction: column; display: flex; align-items: center; justify-content: center; padding: 50px 0; transition: 0.5s; width: 31.5%; background-color: #fff; box-shadow: 0 0 10px #ddd;}
.lei07 .bot ul  li:hover {background-color: rgba(0, 104, 183,0.8);}
.lei07 .bot ul  li:hover h4 strong{color: #fff;}
.lei07 .bot ul  li:hover h4 sup {color: #fff;}
.lei07 .bot ul  li:hover h5{color: #fff;}
.lei07 .bot ul  li h4 {margin-bottom: 5px;    display: flex;}
.lei07 .bot ul  li h4 strong{font-size: 80px;font-weight: bold;margin-right: 5px;font-family: arial;color: #0068b7;}
.lei07 .bot ul  li h4 sup{font-size: 50px;font-family: arial;color: #0068b7;}
.lei07 .bot ul  li h5 {font-size: 20px;color: #666666;} 

/* inner_about */
.inner_banner {position: relative;overflow: hidden;}
.inner_banner .text {position: absolute;left: 50%;top: 58%;transform: translate(-50%,-50%);    z-index: 1;}
.inner_banner .text h3 {font-size: 34px;margin-bottom: 14px;    text-align: center;}
.inner_banner .text h4 {font-size: 50px;font-weight: bold;}
.inner_banner .text  .pro_h4{font-size: 44px;text-align: center;}
/* cc_nav */
.cc_nav {padding: 40px 0;}
.cc_nav .icenter{display: flex;justify-content: space-between;align-items: center;}
.cc_nav .icenter .left {display: flex;    align-items: center;font-size: 16px;color: #666;}
.cc_nav .icenter .left a {font-size:18px;color: #666;margin: 0px 5px;}
.cc_nav .icenter .left a:hover {color: #0068b6;}
.cc_nav .icenter .left a:first-child{margin-left: 0px;}
.cc_nav .icenter .right {display: flex;align-items: center;}
.cc_nav .icenter .right a {font-size: 20px;margin: 0 18px;color: #8c8c8c;position: relative;}
.cc_nav .icenter .right a::after {content: ""; opacity: 0; position: absolute;left: 0px;bottom: -2px;height: 1px;width: 100%; background-color: #0068b6;}
.cc_nav .icenter .right a.active {color: #0068b6;text-decoration: solid;}
.cc_nav .icenter .right a.active::after {opacity: 1;}
.cc_nav .icenter .right a:hover {color: #0068b6;text-decoration: solid;}
.cc_nav .icenter .right a:hover::after{opacity: 1;} 
.cc_nav .icenter .right a:last-child {margin-right: 0px;}

/* com_h3 */
.com_h3{font-size: 50px;font-weight: bold;color: #333;line-height: 60px;}

/* ab01 */
.ab01 {position: relative;overflow:hidden;padding: 120px 0;background-color: #f7f8fb;}
.ab01  .top {display: flex;justify-content: space-between;margin-bottom: 65px;}
.ab01  .top h3 span{color: #0068b6;font-weight: bold;}
.ab01  .top .left {width: 40%;position: relative;padding-left: 130px;box-sizing: border-box;}
.ab01  .top .left .wen{    position: absolute; color: #e7ecf5; font-size: 100px; transform: rotate(90deg); font-weight: bold; left: -110px; top: 32px;}
.ab01  .top .right {width: 52%;}
.ab01  .top .right p {font-size: 20px;color: #666666;line-height: 34px;margin-bottom: 30px;}
.ab01  .top .right a {}
.ab01 .bot {position: relative;}
.ab01 .bot video{height: 525px;object-fit: cover;width: 100%;}
.ab01 .bot  .bo {     position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; border-radius: 50%; background-color: #fff; color: #0068b6; display: flex; align-items: center; justify-content: center; z-index: 5; cursor: pointer;}
.ab01 .bot  .bo:hover {background-color: #0068b6;color: #fff;}

/* ab02 */
.ab02 {position: relative;margin: 110px;}
.ab02 h3 {margin-bottom: 30px;    text-align: center;}
.ab02 ul {display: flex;justify-content: space-between;}
.ab02 ul li {width: 32%;position: relative;}
.ab02 ul li::after { transition: 0.3s; content: "";position: absolute;bottom: 0px;left: 0px;width: 0px;height: 1px;background-color: #0068b6;}
.ab02 ul li:hover .imgbox img {transform: scale(1.1);}
.ab02 ul li:hover::after {width: 100%;}
.ab02 ul li .imgbox .text{position: absolute;right: 0px;bottom: 0px;background: url(../img/juxing.png); width: 174px;height: 52px; display: flex;align-items: center;justify-content: center;  font-size: 20px;}
.ab02 ul li .bot {padding: 48px; box-sizing: border-box; box-shadow: 0 0 10px #ddd;}
.ab02 ul li .bot h4 {font-size: 28px;color: #0068b6;font-weight: bold;margin-bottom: 30px;}
.ab02 ul li .bot h5 {font-size: 18px; line-height: 26px; color: #666666; height: 78px;}

/* ab03 */
.ab03 {background: url(../img/ny_gy_bj1.jpg);background-size: cover;position: relative;overflow: hidden;padding: 120px 0;    background-attachment: fixed;}
.ab03 .top {display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 60px;}
.ab03 .top h3 {font-size: 34px;font-weight: bold;margin-bottom: 20px;}
.ab03 .top h4 {    font-weight: bold; font-size: 70px;color: #1f8dc3;font-family: arial;}
.ab03 ul {display: flex;justify-content: space-between;}
.ab03 ul li {width: 33.3%;}
.ab03 ul li .box {display: flex; flex-direction: column;justify-content: center;align-items: center;}
.ab03 ul li:hover .box img{transform: rotateY(180deg);}
.ab03 ul li:nth-of-type(2){display: flex;flex-direction: column;justify-content: center;align-items: center;border-right:1px solid #586472;border-left:1px solid #586472;}
.ab03 ul li h3 {font-size: 26px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.ab03 ul li img {width: 70px;display: block;margin: auto;}
.ab03 ul li h4 {font-size: 18px;margin-top: 24px;    text-align: center;    height: 47px;}
/* ab04 */
.ab04 {position: relative;overflow: hidden;padding: 120px 0;background-color: #f7f8fb;}
.ab04 .top {display: flex;justify-content: space-between;margin-bottom: 70px;}
.ab04 .top .imgbox:hover img{transform: scale(1.1);} 
.ab04 .top .left {width: 48%;}
.ab04 .top .right {width: 45%;}
.ab04 .top .right h3 {margin-bottom: 30px;}
.ab04 .top .right p {font-size: 18px;color: #666666;line-height: 30px;}
.ab04 .top .right a {margin-top: 20px;}
.ab04 ul {display: flex;    justify-content: space-between;}
.ab04 ul li {position: relative; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ab04 ul li::before {    position: absolute; content: ""; left: -131px; top: 21px; height: 84%; width: 1px; background-color: #c6c6d2;}
.ab04 ul li:nth-of-type(1):before{display: none;}
.ab04 ul li h3 {margin-bottom: 3px;display: flex;}
.ab04 ul li h3 strong{font-size: 70px;color: #0068b6;margin-right: 5px;}
.ab04 ul li h3 sup{color: #0068b6;font-size: 30px;}
.ab04 ul li h4 {font-size: 26px;color: #666666;}

/* footer */
.bottomfx dd .fx a {position: relative;}
.bottomfx dd .fx .fa-weixin:hover .fo_weixin_box {display: block;}
.fo02 .fo02_left .bot .fa-weixin:hover .fo_weixin_box {display: block;}
.fo_weixin_box {   display: none;  background-color: #fff; width: 255px; position: absolute; box-shadow: 0 0 10px #ddd; top: -300px; left: 0px; }
.fo_weixin_box .top {  text-align: center; font-size: 16px; color: #666; background-color: #f1f1f1; padding: 12px 0; margin-bottom: 10px;}
.fo_weixin_box .imgbox {display: flex;align-items: center;justify-content: center;}
.fo_weixin_box .imgbox img {width: 174px;}
.fo_weixin_box .bot {text-align: center; color: #666; font-size: 15px; margin-top: 5px; padding: 0 5px; display: flex; width: 100%; align-items: center; justify-content: center; box-sizing: border-box; padding: 10px 0; line-height: 20px;}
.bottomfx dd .fx .fa-weixin .fo_weixin_box {top: -312px; left: 0px; }
.bottomfx dd .fx .fa-weixin .fo_weixin_box .top {line-height: 20px;}
.fo02 .fo02_left .bot a {position: relative;}

.footer {position: relative;overflow: hidden;padding: 90px 0 70px;background-color: #0f1941;}
.fo01 {display: flex;justify-content: space-between;padding-bottom: 50px;}
.fo01  .fo01_left {width: 24%;}
.fo01  .fo01_left a img{width: 160px;    filter: grayscale(2) brightness(10);}
.fo01  .fo01_left a {margin-bottom: 20px;}
.fo01  .fo01_left h3 {font-size: 16px;color: rgba(255,255,255,.5);margin-bottom: 6px;}
.fo01  .fo01_left h4 {font-size: 40px;margin-bottom: 11px;}
.fo01  .fo01_left p {font-size: 16px;color: rgba(255,255,255,.5);line-height: 30px;}

.fo01  .fo01_right {width: 66%;}
.fo01  .fo01_right ul{display: flex;justify-content: space-between;}
.fo01  .fo01_right ul li h3{font-size: 18px;font-weight: bold;margin-bottom: 24px;}
.fo01  .fo01_right ul li .min a{font-size: 16px; margin-bottom: 16px;color: rgba(255,255,255,.5)}
.fo01  .fo01_right ul li .min a:hover {color: rgba(255,255,255,1)}
.fo01  .fo01_right ul li .box1 {margin-bottom: 30px;}
.fo02 {display: flex;justify-content: space-between;padding: 20px 0;border-top: 1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);}
.fo02 .fo02_left h3{font-size: 16px;color: rgba(255,255,255,.5);margin-bottom: 10px;    display: flex;}
.fo02 .fo02_left h3 a {position: relative; font-size: 16px;color: rgba(255,255,255,.5);padding-left: 10px;}
.fo02 .fo02_left h3 a::after {position: absolute; content: ""; left: 4px; top: 5px; height: 13px; width: 1px; background-color: rgba(255,255,255,0.5);}
.fo02 .fo02_left h4 {display: flex;align-items: center;font-size: 16px;margin-bottom: 16px;}
.fo02 .fo02_left h4 a {position: relative; color: rgba(255,255,255,.5); display: flex;align-items: center;margin-right: 16px;}
.fo02 .fo02_left h4 a::after {position: absolute; content: ""; right: -9px; top: 5px; height: 13px; width: 1px; background-color: rgba(255,255,255,0.5);}
.fo02 .fo02_left h4 a img {     width: 16px;margin-right: 5px;}
.fo02 .fo02_left .se {color: rgba(255,255,255,.5);}

.fo02 .fo02_left .bot {display: flex;}
.fo02 .fo02_left .bot a {      margin-right: 6px;  font-size: 15px; opacity: 0.5; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #fff;}
.fo02 .fo02_left .bot a:hover {opacity: 1;}
.fo02 .fo02_right {display: flex;}
.fo02 .fo02_right .box:nth-of-type(1){margin-right: 15px;}
.fo02 .fo02_right .box img{width: 100px;}
.fo02 .fo02_right .box span {margin-top: 6px; font-size: 16px; text-align: center;}

.fo03 {padding-top: 20px;display: flex;align-items: center;}
.fo03 h4 {display: flex;;align-items: center;}
.fo03 span {font-size: 16px;margin-right: 10px;opacity: 0.5}
.fo03 .lianjie {display: flex;align-items: center;}
.fo03 .lianjie a { color: rgba(255,255,255,.5); font-size: 14px;border-right: 1px solid rgba(255,255,255,.5);padding-right: 10px;margin-right: 10px;}
.fo03 .lianjie a:last-child {border-right: 0px;}
.fo03 .lianjie a:hover {color: rgba(255,255,255,1)}

/* honor */
.honor01 {background-color: #f7f8fb;position: relative;overflow: hidden;padding: 110px 0;}
.honor01 .icenter {    padding: 70px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 10px #ddd; background-color: #fff;}
.honor01 .icenter .left {width: 47%;}
.honor01 .icenter .left h3 {margin-bottom: 20px;width: 100%;}
.honor01 .icenter .left h3::after {position: absolute;content: ""; width: 64%;right: 0px;top: 50%;transform: translateY(-50%);height: 1px;background-color: #e1e1e1;}
.honor01 .icenter .left p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.honor01 .icenter .right {width: 42%;position: relative;}
.honor01 .icenter .right .imgbox {z-index: 1;}
.honor01 .icenter .right .imgbox:hover  img{transform: scale(1.1);}
.honor01 .icenter .right .wen {position: absolute; left: -232px; top: 104px; font-size: 110px; font-family: arial;     color: #efefef; font-weight: bold; transform: rotate(90deg); text-transform: uppercase; z-index: 0;}

.honor02 {position: relative;overflow: hidden;padding: 100px 0;}
.honor02 .bg1 img,.honor02 .bg2 img{width: 535px;}
.honor02 .bg1{position: absolute;top: 0px;left: 0px;}
.honor02 .bg2 {position: absolute;right: 0px;bottom: 0px;}
.honor02 .icenter {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.honor02 .box {display: flex;align-items: center;justify-content: center;flex-direction: column;    margin-bottom: 50px;}
.honor02 .box span {    font-size: 16px; font-family: arial; color: #666666; margin-bottom: 0px; }
.honor02 .box strong { -webkit-text-fill-color:transparent; -webkit-background-clip:text; font-size: 65px;color: #0068b7;margin-bottom: 0px;background-image:-webkit-linear-gradient(top, #1e8cc2, #164f87);}
.honor02 .box p {font-size: 18px;color: #666666;line-height: 40px;    text-align: center;}
.honor02 h3 {margin-bottom: 50px;}

.honor03 {background-color: #f7f8fb;position: relative;overflow: hidden;padding: 100px 0;}
.honor03 h3 {margin-bottom: 20px;    text-align: center;}
.honor03 .bot {position: relative;} 
.honor03 .honor03Swiper {overflow: hidden;}
.honor03 .fa{    background: none; font-size: 72px; color: #1a77bd; width: auto; height: auto; top: 41%;}
.honor03 .box:hover img {transform: scale(1.1);}
.honor03 .box:hover span {color: #0068b6;}
.honor03 .box span {font-size: 18px;color: #666666;margin-top: 20px;text-align: center;}
.honor03 .swiper-button-prev {left: -70px;}
.honor03 .swiper-button-next {right: -70px;}
/* cer */
.honormin{        padding: 80px 0 20px; margin: 20px auto; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: initial; }
.honormin a{ display: block; cursor: pointer;  float: left; width: 32%; margin: 0 2% 50px 0;  transition: all .3s ease;  position: relative;}
.honormin a:nth-child(3n){margin-right:0;}
.honormin a p{display: block; overflow: hidden; position: relative;    transition: all .3s ease;box-shadow: 0 0px 2px rgb(0 0 0 / 10%);}
.honormin a:hover p{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.honormin a:hover{transform: translateY(-10px);}
.honormin a p .bg{display: block;position: relative;width: 100%;}
.honormin a p .it{      width: auto;   padding: 5px; background-color: #fff;   position: absolute;    top: 50%;    left: 50%; max-height:80%;     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);  transform: translate(-50%, -50%);}
.honormin a span{    display: block; text-align: center; color: #333; font-size: 22px; margin: 20px auto 0; width: 90%;}
.honormin a:hover span{    color: #0068b6;}
.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}
.imgshow p img{ display: block; width: auto; max-width: 100%;  min-width: 300px;  margin: 0 auto;}
.honormin .imgbox {position: unset;}
.page {display: flex;justify-content: center;align-items: center;}
.page a {width: 45px; height: 45px; font-size: 20px; margin-right: 15px;color: #606060;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;}
.page a.active {color: #fff;background-color: #0068b6;}
.page a:hover {color: #fff;background-color: #0068b6;}
.page a:last-child {margin-right: 0px;}
.cer {background-color: #f7f8fb;position: relative;overflow: hidden;}
.cer01 {background: url(/style/img/ny_zz_bj1.jpg);background-size: cover;position: relative;overflow: hidden;    padding: 120px 0;}
.cer .top {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 30px;}
.cer .top h3 {margin-bottom: 20px;}
.cer .top p {font-size: 20px;color: #666666;line-height: 34px;text-align: center;}
.cer .mid {     background-color: #fff;  box-shadow: 0 0 2px #ddd; padding: 50px 0;display: flex;justify-content: space-between;}
.cer .mid  li {position: relative; width: 33.3%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.cer .mid  li::after {content: ""; position: absolute;top: 50%;transform: translateY(-50%);height: 95px;width: 1px;background-color: #ddd;right: 0px;}
.cer .mid  li:nth-of-type(3):after{display: none;}
.cer .mid  li h4 {font-size: 50px;font-family: arial;color: #0068b6;margin-bottom: 5px;}
.cer .mid  li h4 strong{font-size: 70px;font-weight: bold;font-family: arial;color: #0068b6;    margin-right: 5px;}
.cer .mid  li h5 {font-size: 20px;color: #666666;margin-bottom: 10px;}
.cer .mid  li img {width: 45px;margin: auto;}
.cer .mid  li:hover img{transform: rotateY(180deg);}

/* team*/
.team01 {padding: 100px 0;overflow: hidden;position: relative;background-color: #f7f8fb;}
.team01 .top{     align-items: center;margin-bottom: 24px; display: flex;justify-content: space-between;padding: 30px 0;border-top: 1px solid #0068b7;border-bottom: 1px solid #0068b7;}
.team01 .top span {position: relative;font-size: 16px;color: #0068b7;}
.team01 .top span::before {    position: absolute; content: ""; left: -20px; top: 4px; height: 16px; width: 1px; background-color: #0068b6;}
.team01 .mid {display: flex;justify-content: space-between;margin-bottom: 80px;}
.team01 .mid .left {width: 62%;    padding-top: 10px;}
.team01 .mid .left p  {font-size: 22px;color: #666666;line-height: 36px;margin-bottom: 50px;}
.team01 .mid .left .b {display: flex;justify-content: space-between;align-items: center;}
.team01 .mid .left .b  span {font-family: arial;color: #999999;font-size: 24px;}
.team01 .mid .left .b  a {}
.team01 .mid .right {width: 26%;}
.team01 .mid .right .imgbox:hover img{transform: scale(1.1);}
.team01  .bot { box-sizing: border-box; padding: 100px; position: relative; background: url(/style/img/team01_bg.png);background-size: cover;overflow: hidden;position: relative;}
.team01  .bot .imgbox img{width: 300px;height: 300px;border-radius: 50%;border: 20px solid rgba(197, 218, 239, 0.5);}
.team01  .bot .content { display: flex;}
.team01 .bot .content .imgbox {margin-right: 8%;}
.team01  .bot  .wen {    font-size: 70px; font-family: arial; position: absolute; font-weight: bold; right: -135px; top: 50%; transform: translateY(-50%) rotate(90deg); color: rgb(194 208 232 / 50%);}
.team01  .bot .content .text h3{margin-bottom: 10px;}
.team01  .bot .content .text p{font-size: 18px;color: #666666;line-height: 34px;margin-bottom: 30px;}
.team01  .bot a::after { border-color: #0068b7; background-color: #0068b6; }
.team01  .bot a:hover { color: #fff; border-color: #0068b7; }
.team01  .bot a { border: 1px solid #0068b7; background-color: transparent; color: #0068b7;}

.team_h3 {font-size: 44px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 17px;}
.team02 {overflow: hidden;position: relative;background-color: #f7f8fb;}
.team02-1 {margin-bottom: 100px;}
.team02-1 .top h3{position: relative;margin-bottom: 30px;}
.team02-1 .top h3::before {position: absolute;content: "";width: 83%;height: 1px;background-color: #d0d0d0;right: 0px;top: 50%;transform: translateY(-50%);}
.team02-1 .bot {display: flex;justify-content: space-between;}
.team02-1 .bot .left {width: 68%;}
.team02-1 .bot .left img{border-radius:20px;}
.team02-1 .bot .right {width: 30.5%;padding: 100px 60px;box-sizing: border-box;border-radius:20px;background: -webkit-linear-gradient(top,#1e8cc3,#164d85);}
.team02-1 .bot .right h4 {font-size: 44px;font-weight: bold;margin-bottom: 16px;}
.team02-1 .bot .right p {font-size: 18px;line-height: 32px;margin-bottom: 75px;}
.team02-1 .bot .right a::after { border-color: #0068b7; background-color: #fff; }
.team02-1 .bot .right a:hover { color: #0068b7; border-color: #0068b7; }
.team02-1 .bot .right a { border: 1px solid #fff; background-color: transparent; color: #fff;}


.team02-2 {margin-bottom: 100px;}
.team02-2 h3 {text-align: center;margin-bottom: 17px;}
.team02-2 p {text-align: center; font-size: 24px;color: #666666;line-height: 34px;margin-bottom: 30px;}
.team02-2 .bot {margin-bottom:50px;}
.team02-2 a {margin: auto;}

.team02-3{padding: 100px 0;position: relative;overflow: hidden;background-color: #fff;}
.team02-3 .top h3{margin-bottom: 17px;text-align: center;} 
.team02-3 .top p {font-size: 24px;color: #666666;line-height: 34px;margin-bottom: 30px;text-align: center;}
.team02-3 ul {display: flex;flex-flow: wrap;}
.team02-3 ul li {width: 32%;position: relative;margin-bottom: 2%;margin-right: 2%;}
.team02-3 ul li:nth-of-type(3n){margin-right: 0px;}
.team02-3 ul li:hover .imgbox img{transform: scale(1.1);}
.team02-3 ul li .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 30px;}
.team02-3 ul li .bot_text {    justify-content: center;display: flex;align-items: center; font-size: 14px; position: absolute;bottom: 0px;width: 100%;background-color: rgba(0,0,0,0.5);padding: 10px 0;color: rgba(255,255,255,0.6);}
.team02-3 ul li .bot_text i {transition: 0.3s; margin-left: 5px; font-size: 14px;left: 0px;position: relative;}
.team02-3 ul li:hover .bot_text  i {left: 15px;}

.team02-4 {padding: 100px 0;position: relative;overflow: hidden;}
.team02-4 .top h5{font-size: 40px;    color: #666;}
.team02-4 .bot {    border-top: 1px solid #cccccc; display: flex; justify-content: space-between; padding-top: 34px; margin-top: 26px; align-items: center;}
.team02-4 .bot .le{width: 42%;position: relative;}
.team02-4 .bot .le .box:hover .imgbox img{transform: scale(1.1);}
.team02-4 .bot .le .box span {    font-size: 20px; color: #666666; text-align: center; padding: 14px 0px; box-shadow: 0 0 5px #ddd; display: block;}
.team02-4 .bot .ri{width: 50%;}
.team02-4 .bot .ri h3 {    text-align: start;font-size: 44px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.team02-4 .bot .ri p {font-size: 18px;line-height: 32px;color: #666666;margin-bottom: 40px;}
.team02-4 .bot .ri a {}
.teamSwiper {overflow: hidden;    padding: 0px 0 5px;}
.teamSwiper .teamSwiper-pagination{bottom: -36px!important;}

/* pro */
.inner_banner .v_cc{    width: 100%; height: 700px; object-fit: cover;}
.pro_banner::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 20, 41, 0.6); }
.pro {background-color: #f7f8fb;position: relative;overflow: hidden;padding-bottom: 50px;}
.pro .pro_nav {padding: 80px 0;display: flex;justify-content: space-between;align-items: center;}
.pro .pro_nav h3 { font-size: 36px;color: #333;font-weight: bold;}
.pro .pro_nav .tab {display: flex;}
.pro .pro_nav .tab a {margin-right: 10px; padding: 12px 20px;border: 1px solid #0068b6;color: #666;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.pro .pro_nav .tab a:last-child {margin-right: 0px;}
.pro .pro_nav .tab a.active {color: #fff;background-color: #0068b6;}
.pro .pro_nav .tab a:hover {color: #fff;background-color: #0068b6;}

.pro .pro_nav .tab li{ display: none;}
.pro .pro_nav .tab .cat1a{ display: flex;}


.pro .content {margin-bottom: 50px; position: relative;padding: 70px 0;display: flex;justify-content: space-between;}
.pro .content::after { content: ""; position: absolute;top: 50%;transform: translateY(-50%);left: 0px;background-color: #fff;width: 70%;height: 100%;}
.pro .content .left {width: 51%;position: relative;    z-index: 1;}
.pro .content .left .wen {    font-family: arial; font-size: 120px; font-weight: bold; color: #e9eef1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; text-transform: uppercase;}
.pro .content .left img {      z-index: 1; position: relative; height: 460px; width: auto; margin: auto;} .pro .content .right {      width: 48%; padding-right: 119px; box-sizing: border-box;}
.pro .content .left:hover img {transform: scale(1.1);}
.pro .content .right { width: 49%; padding-right: 119px; box-sizing: border-box; }
.pro .content .right .box {     transition: 0.3s; z-index: 1;padding: 80px;box-sizing: border-box;background-color: #eaeaea;    position: relative;}
.pro .content .right .box:hover {box-shadow: -10px 10px 20px rgb(27 36 46 / 20%);}
.pro .content .right .box h3 {font-size: 40px;font-family: arial;font-weight: bold;margin-bottom: 4px;color: #333;}
.pro .content .right .box h4 {font-size: 22px;color: #333333;margin-bottom: 18px;}
.pro .content .right .box h5 {    font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.pro .content .right .box p {font-size: 16px;color: #999999;margin-bottom: 37px;}
.pro .content .right .box a {width: 145px;}
.pro .content .right .huan{ border-radius: 50%;display: flex;justify-content:flex-end;align-items: center; position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 0;width: 300px;height: 300px;border: 1px dashed #0068b6;}
.pro .content .right .huan .imgbox{position: unset;}
.pro .content .right .huan img {width: 30px;    margin-right: 15px;}
.pro .content .right:hover .huan img{    animation: bounce-up-data-v-7e3caf58 1.5s linear infinite;}
.pro .content:nth-of-type(2n-1) .right .box:hover { box-shadow: -10px 10px 20px rgb(27 36 46 / 20%);}
@keyframes bounce-up-data-v-7e3caf58
{
	10% {
		transform: rotate(20deg);
	}
	20% {
		transform: rotate(-10deg);
	}
	30% {
		transform: rotate(5deg);
	}
	40% {
		transform: rotate(-5deg);
	}
	50%, 100% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes myanimate
{
	10% {
		transform: rotate(20deg);
	}
	20% {
		transform: rotate(-10deg);
	}
	30% {
		transform: rotate(5deg);
	}
	40% {
		transform: rotate(-5deg);
	}
	50%, 100% {
		transform: rotate(0deg);
	}
}
.pro .content .right .huan .imgbox::before{    position: absolute; content: ""; width: 35px; height: 1px; border-top: 1px dashed #0068b6; right: 58px; top: 50%; transform: translateY(-50%); z-index: 1;}
.pro .content:nth-of-type(2n-1) {flex-flow: row-reverse;}
.pro .content:nth-of-type(2n-1)::after {    right: 0px; left: auto;}
.pro .content:nth-of-type(2n-1) .right { padding-left: 119px;padding-right: 0px; }
.pro .content:nth-of-type(2n-1) .right .huan {left: 0px;right: auto;    justify-content: flex-start;}
.pro .content:nth-of-type(2n-1) .right .huan .imgbox::before{left: 58px;right: auto;}
.pro .content:nth-of-type(2n-1) .right .huan img {   margin-right: 0px;margin-left: 15px;}

.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: 100%;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width: 70%; height: 68%;}
/* .vi_box .box  .video .close {position: absolute; font-size: 50px; right: -34px; top: -51px; color: #0068b6; transition: 0.3s; cursor: pointer;} */
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}



/* form_box */
.bd-mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;background-color: rgba(0,0,0,0.8);display: none;}
.bd-mask .tcbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url();display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;}
.bd-mask .tcbox .contwarp{width: 900px;height: auto;background-color: #fff;box-sizing: border-box;padding: 60px 60px;position: relative;}
.bd-mask .tcbox .contwarp .min:after{content: '';display: block;clear: both;}
.bd-mask .tcbox .contwarp h3{font-size: 34px;color: #333;margin-bottom: 10px;text-align: center;}
.bd-mask .tcbox .contwarp h4{font-size: 18px;color: #333;margin-bottom: 30px;text-align: center;}

.bd-mask .tcbox .contwarp form{width: 100%;margin:auto;margin-bottom: auto;box-sizing: border-box;}
.bd-mask .tcbox .contwarp form span{display: block;width: 49%;float: left;margin-right: 2%; position: relative;}
.bd-mask .tcbox .contwarp form input,.bd-mask .tcbox .contwarp form select,.bd-mask .tcbox .contwarp form textarea{display: block;width: 100%;background-color: #fff;border:1px solid #ddd;outline: none;border-radius: 5px;margin-bottom: 20px;height: 40px;box-sizing: border-box;padding-left: 10px;font-size: 16px;color: #333;}
.bd-mask .tcbox .contwarp form textarea{height: 120px;resize: none;padding: 10px;}
.bd-mask .tcbox .contwarp form span:nth-of-type(2n){margin-right: 0;}
.bd-mask .tcbox .contwarp form h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp form h3 span{color: #ffc602;}
.bd-mask .tcbox .contwarp form span:nth-last-child(1),.bd-mask .tcbox .contwarp form span:nth-last-child(2){width: 100%;}
.bd-mask .tcbox .contwarp font{font-size: 14px;color: #d80d18;display: block;width: 100%;clear: both;margin-top: 20px;}
.bd-mask .tcbox .contwarp form button{border: 0px;cursor: pointer;width: 160px;height: 40px;font-size: 14px;margin: auto;outline: none;margin-top: 30px;}
.bd-mask .tcbox .contwarp .close {cursor: pointer;  width: auto; position: absolute;right: -40px;top: -40px;transition: all .3s; pointer-events: painted;}
.bd-mask .tcbox .contwarp .close:hover{transform: rotate(180deg);}
.bd-mask .tcbox .contwarp form input::-webkit-input-placeholder,.bd-mask .tcbox .contwarp form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333;font-size: 16px; }
.bd-mask .tcbox .contwarp form input::-moz-placeholder,.bd-mask .tcbox .contwarp form textarea::-moz-placeholder { /* Firefox 19+ */ color: #333; font-size: 16px;}
.bd-mask .tcbox .contwarp form input:-ms-input-placeholder,.bd-mask .tcbox .contwarp form textarea:-ms-input-placeholder { /* IE 10+ */ color: #333;font-size: 16px; }
.bd-mask .tcbox .contwarp form input:-moz-placeholder,.bd-mask .tcbox .contwarp form textarea:-moz-placeholder { /* Firefox 18- */ color: #333;font-size: 16px; }
.bd-mask .tcbox .contwarp form br{display: none;}

.bd-mask .tcbox .contwarp form span span{position: absolute;    top: 0;    right: 10px;    color: #f00;    width: auto !important;    font-size: 14px;    line-height: 40px;    font-weight: bold;}

/* proshow */
.icenter1 {width: 1200px;margin: auto;}
.proshow {padding: 100px 0 0;position: relative;overflow: hidden;background-color: #f7f8fb;}
.proshow_01{display: flex;justify-content: space-between;margin-bottom: 100px;}
.proshow_01 .left {width: 49%;}
.proshow_01 .left .top{margin-bottom: 14px;background-color: #fff; padding: 75px 0;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;}
.proshow_01 .left .top .proshowSwiper_01 {width:100%;}
.proshowSwiper_01{overflow: hidden;}
.proshow_01 .left .top .imgbox img{   height: 348px; object-fit: cover; width: auto; margin: auto;}
.proshow_01 .proshowSwiper_01 .swiper-slide {opacity: 0!important;}
.proshow_01 .proshowSwiper_01 .swiper-slide-active {opacity: 1!important;}
.proshow_01 .left .bot .imgbox {border: 1px solid #ddd;}
.proshow_01 .left .bot .imgbox:hover {border: 1px solid #0068b6;}
.proshow_01 .left .bot .swiper-slide-thumb-active .imgbox {border: 1px solid #0068b6;}
.proshow_01 .left .bot .swiper-slide-thumb-active .imgbox::before{display: block;}
.proshow_01 .left .bot .imgbox {    overflow: unset; position: relative; padding: 17px 0; display: flex; justify-content: center; align-items: center;}
.proshow_01 .left .bot .imgbox::before {display: none; top: -4px;width: 10px;height: 10px;background-color: #0068b6;transform: rotate(45deg);position: absolute;content: "";}
.proshow_01 .left .bot .imgbox::after {top: 0px; width: 16px; height: 8px; background-color: #fff; transform: rotate(0deg); position: absolute; content: "";}
.proshow_01 .left .bot .imgbox:hover::before{display: block;}
.proshow_01 .right {width: 41%;}  
.proshow_01 .right  h3 {font-size: 48px;color: #333333;font-weight: bold;margin-bottom: 26px;}
.proshow_01 .right  .pros_h4 {margin-bottom: 20px; font-size: 22px;font-weight: bold;color: #333;position: relative;}
.proshow_01 .right  .pros_h4::after {background-color: #dddddd; position: absolute;content: "";right: 0px;height: 1px;top: 50%;transform: translateY(-50%);width: 78%;}
.proshow_01 .right .box1 p {font-size: 16px;color: #666;line-height: 26px;}
.proshow_01 .right .box1 {margin-bottom: 30px;}
.proshow_01 .right .box2 {margin-bottom: 45px;}
.proshow_01 .right .box2 ul {display: flex;}
.proshow_01 .right .box2 ul  li {margin-right: 15px;}
.proshow_01 .right .box2 ul  li  .imgbox{padding: 15px;border-radius: 8px;border: 1px solid #0068b6;display: flex;justify-content: center;align-items: center;}
.proshow_01 .right .box2 ul  li  .imgbox:hover img {transform:rotateY(180deg);}
.proshow_01 .right .box2 ul  li  .imgbox img {width:auto;    height: 40px}
.proshow_01 .right .box2 ul  li span {font-size: 16px;color: #666666;margin-top: 10px;    text-align: center;}
.proshow_01 .right .box3 {display: flex;}
.proshow_01 .right .box3 a {margin-right: 20px;}
.proshow_01 .right .box3 a img {   transition: 0.3s; width: 13px; filter: grayscale(5) brightness(8); margin-left: 10px;}
.proshow_01 .right .box3 a:hover img { filter:none;}
.proshow_01 .right .box3 video {display: none;}
.proshow .pros_h3{font-size: 44px;color: #333;font-weight: bold;margin-bottom: 30px;}
.proshow_02 {margin-bottom: 100px;}
.proshowSwiper_02{overflow: hidden;       padding: 10px 5px;}
.proshow_01 .left .bot .imgbox img {height: 43px;width: auto;}
.proshow_02 dl{display: flex;}
.proshow_02 dl dd { margin-right: 1%;     margin-right: 1.33%;  padding: 20px 15px; background-color: #fff; border-radius: 8px; width: 24%; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box;}
.proshow_02 dl dd:last-child{margin-right: 0px;}
.proshow_02 dl dd:hover .icon img {transform: rotateY(180deg);}
.proshow_02 dl dd:hover h4{color: #0068b6;}
.proshow_02 dl dd .icon { margin-bottom: 14px; display: flex;justify-content: center;align-items: center; position: relative; width: 96px;height: 96px;border-radius: 50%;border: 1px dashed #c2c2c2;}
.proshow_02 dl dd .icon::after {content: ""; position: absolute;width: 76px;height: 76px;border-radius: 50%;border: 8px solid #fafafa;}
.proshow_02 dl dd .icon img {width: 42px;}
.proshow_02 dl dd h4 {font-size: 19px;color: #333333;font-weight: bold;    white-space: nowrap;}
.proshow_02 dl dd .line{width: 40px;height: 1px;background-color: #0068b7;margin: 13px 0;}
.proshow_02 dl span {font-size: 16px;color: #666666;text-align: center;    height: 64px;}

.proshow_03 {margin-bottom: 100px;}
.proshow_03 ul {border: 1px solid #d3d4d5;border-bottom: 0px;    display: flex;justify-content: space-between;border-bottom: 1px solid #d3d4d5;}
.proshow_03 ul li{background-color: #f7f8fb}
.proshow_03 ul li:nth-of-type(1)  {border-right: 1px solid #d3d4d5;width: 30%;}
.proshow_03 ul li:nth-of-type(2)  {width: 70%;}
.proshow_03 ul li:nth-of-type(1) p {    padding-left: 60px; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; height: 46px; display: flex; align-items: center;}
.proshow_03 ul li:nth-of-type(2) p {padding-left: 60px;box-sizing: border-box;font-size: 16px;color: #666666; height: 46px; display: flex; align-items: center;}
.proshow_03 ul li:nth-of-type(1) p:nth-of-type(2n),.proshow_03 ul li:nth-of-type(2) p:nth-of-type(2n){background-color: #e5e6e8;}


.proshow_04 {margin-bottom: 100px;}
.proshow_04  .box:hover .imgbox img{transform: scale(1.1);}
.proshow_04  .box:hover .bot{color: #0068b6;}
.proshow_04  .box .bot {padding: 30px 0;background-color: #fff;text-align: center;color: #666666;font-size: 20px;font-weight: bold; }
.proshow_04 .fa {background: none; font-size: 50px; color: #0068b6; top: 42%;}
.proshow_04 .proshow04Swiper{overflow: hidden;}
.proshow_04 .content {position: relative;}
.proshow_04 .swiper-button-prev {left: -50px;}
.proshow_04 .swiper-button-next {right: -50px;}

.proshow_05 {margin-bottom: 100px;}
.proshow_05 .fa {background: none; font-size: 50px; color: #0068b6; top: 42%;}
.proshow_05  .content {position: relative;}
.proshow_05 .swiper-button-prev {left: -50px;}
.proshow_05 .swiper-button-next {right: -50px;}
.proshow_05 .proshow05Swiper{overflow: hidden;}
.proshow_05 .box {background-color: #fff;}
.proshow_05 .box a {padding: 50px 40px;box-sizing: border-box;}
.proshow_05 .box .imgbox {overflow: unset;}
.proshow_05 .box .imgbox img{    height: 260px; width: auto; margin: auto;}
.proshow_05 .box .imgbox:hover img {transform: scale(1.1);}
.proshow_05 .box  .bot {margin-top: 40px;}
.proshow_05 .box  .bot h4 {font-size: 30px;font-family: arial;font-weight:bold;margin-bottom: 10px;color: #333;}
.proshow_05 .box  .bot h5 {font-size: 16px; color: #999; margin-bottom: 10px; height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.proshow_05 .box  .bot h6 {font-size: 16px; color: #333333; margin-bottom: 35px; height: 43px;}
.proshow_05 .box  .bot .down {display: flex;justify-content: space-between;align-items: center;}
.proshow_05 .box .bot .down .amore {    width: 120px; height: 40px; color: #0068b6; background-color: #fff; border: 1px solid #0068b6;}
.proshow_05 .box .bot .down .amore::after { border-color: #0068b7; background-color: #0068b6;}
.proshow_05 .box .bot .down .amore:hover {color: #fff;}

.fan{padding: 50px 0; background-color: #fff;}
.fan .icenter1{display: flex;justify-content: space-between;position: relative;}
.fan .icenter1::after {    position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 30px; width: 1px; background-color: #b2b2b2;}
.fan .icenter1 a {font-size: 20px;color: #333333;display: flex;align-items: center;    font-weight: bold;}
.fan .icenter1 a i { transition: 0.3s; position: relative;left: 0px; font-size: 28px;color: #0068b6;display: block;margin-right: 12px;}
.fan .icenter1 a:nth-of-type(2) i{margin-right: 0px;margin-left: 12px;}
.fan .icenter1 a:hover {color: #0068b6;}
.fan .icenter1 a:nth-of-type(1):hover i{left: -15px;}
.fan .icenter1 a:nth-of-type(2):hover i{left: 15px;}
/* solution */
.solu01 {position: relative;overflow: hidden;padding: 100px 0;background-color: #f7f8fb;}
.solu01 .icenter{display: flex;justify-content: space-between;}
.solu01 .icenter .left {position: relative; padding-left: 45px;}
.solu01 .icenter .left .line {width: 46px;height: 1px;background-color: #0068b6;margin: 20px 0;}
.solu01 .icenter .left .wen{    font-family: arial; font-size: 16px; color: #d0d0d0; transform: rotate(90deg); position: absolute; left: -45px; top: 43px;}
.solu01 .icenter .left h3 {line-height: 60px;}
.solu01 .icenter .mid {width: 916px;font-size: 18px;line-height: 32px;color: #666666;}
.solu01 .icenter .right .icon{width: 55px;height: 55px;border-radius: 50%;border: 1px solid #cbcdcd;display: flex;justify-content: center;align-items: center;     margin: auto;}
.solu01 .icenter .right .icon img {width: 22px; filter: grayscale(5); transition: 0s;}
.solu01 .icenter .right span {font-size: 16px;color: #666666;    margin-top: 10px;}
.solu01 .icenter .right:hover .icon img{filter: none;} 
.solu01 .icenter .right:hover .icon {border-color: #0068b6;}
.solu01 .icenter .right:hover span {color: #0068b6;}

.solu02 {padding: 120px 0 ;position:relative;overflow: hidden;background: url(/style/img/solu02_bg.jpg);background-size: cover;background-attachment: fixed;}
.solu02 h3 {color: #fff; text-align: center; margin-bottom: 33px;}
.solu02 ul {display: flex;justify-content: space-between;}
.solu02 ul li{position: relative;}
.solu02 ul li::before{content: ""; position: absolute;width: 55px;height: 1px;background-color: rgba(255,255,255,.5);top: 50%;transform: translateY(-50%);left: 30px;}
.solu02 ul li:nth-of-type(1):before { top: 31%; transform: translateY(-50%); left: 260px; }
.solu02 ul li:nth-of-type(2):before { top: 31%; transform: translateY(-50%); left: 260px; }
.solu02 ul li:nth-of-type(3):before { top: 31%; transform: translateY(-50%); left: 260px; }
.solu02 ul li:nth-of-type(4):before { top: 31%; transform: translateY(-50%); left: 260px; }
.solu02 ul li:nth-of-type(5):before {display: none;}
.solu02 ul li  .icon{margin: auto; margin-bottom: 28px;position: relative; width: 115px;height: 115px;border-radius: 50%;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;}
.solu02 ul li  .icon::before {border-radius: 50%; content: ""; position: absolute;width: 115%;height: 115%;border: 1px dashed #fff;}
.solu02 ul li  .icon img {width: 40px;}
.solu02 ul li  .icon:hover img {transform: rotateY(180deg);}
.solu02 ul li span {font-size: 16px;line-height: 26px;text-align: center;width: 254px}
/* li为4 */
.solu02 ul.act4 li span { width: 320px; }
.solu02 ul.act4 li:before { top: 31%!important; transform: translateY(-50%); left: 104%!important; }
.solu02 ul.act4 li:nth-of-type(4):before {display: none!important;}
/* li为3 */
.solu02 ul.act3 li span {     width: 427px; }
.solu02 ul.act3 li:before { top: 19%!important; transform: translateY(-50%); left: 108%!important; }
.solu02 ul.act3 li:nth-of-type(3):before {display: none!important; }



.solu03 .icenter{padding: 100px 0;}
.solu03 .icenter .top{margin-bottom: 50px;}
.solu03 .icenter .top h3{margin-bottom: 30px;}
.solu03 .icenter .top p {font-size: 18px;color: #666666;line-height: 32px;}
.solu03 ul {display: flex;    flex-flow: wrap;}
.solu03 ul li {display: flex; justify-content: space-between; width: 25%; margin-right: 12.5%; margin-bottom: 4%;}
.solu03 ul li:nth-of-type(4),.solu03 ul li:nth-of-type(5){margin-bottom: 0px;}
.solu03 ul li:nth-of-type(3n){margin-right: 0px;}
.solu03 ul li .icon{background-color: #0068b6; width: 112px;height: 112px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.solu03 ul li:hover .icon img {transform: rotateY(180deg);}
.solu03 ul li .icon img {width: 57px;}
.solu03 ul li .text{width: 64%;}
.solu03 ul li .text h4 {font-size: 24px;color: #333333;font-weight: bold;}
.solu03 ul li .text:hover h4 {color: #0068b6;}
.solu03 ul li .text .line {    width: 30px; height: 1px; background-color: #0068b7; margin: 11px 0;}
.solu03 ul li .text h5 {font-size: 16px;color: #666666;line-height: 26px;}

.solu04  {padding: 115px 0 ;position: relative;overflow: hidden;background: url(/style/img/solu04_bg.jpg);background-size: cover;background-attachment: fixed;}
.solu04 h3{margin-bottom: 30px;}

.solu04   .fa {background: none; font-size: 50px; color: #0068b6; top: 42%;}
.solu04   .bot {position: relative;}
.solu04   .swiper-button-prev {left: -50px;}
.solu04   .swiper-button-next {right: -50px;}
.solu04  .solu04Swiper{overflow: hidden;padding: 10px 0;box-sizing: border-box;}
.solu04  .solu04Swiper .box {box-shadow: 0 0 10px #ddd; pointer-events: none;}
.solu04 .box:hover .imgbox img{transform: scale(1.1);}
.solu04 .box:hover h4 {color: #0068b6;}
.solu04 .box .text {    padding: 34px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px #ddd;}
.solu04 .box h4 {position: relative; font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.solu04 .box h4::before {    content: ""; position: absolute; left: -34px; top: 50%; transform: translateY(-50%); width: 12px; height: 4px; background-color: #0068b6;}
.solu04 .box p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 24px;}
.solu04 .box .amore {    width: 135px; color: #0068b6; background-color: #fff; border: 1px solid #0068b6;}
.solu04 .box .amore::after { border-color: #0068b7; background-color: #0068b6;}
.solu04 .box .amore:hover {color: #fff;}

.solu05{margin-bottom: 0px;padding: 100px 0;background-color: #f7f8fb;}
.solu05 h3 {margin-bottom: 30px;}
.solu05 .box {box-shadow: 0 0 3px #ddd;}
.solu05 .proshow05Swiper {padding: 3px;box-sizing: border-box;}



.solu06 {padding: 115px 0;position: relative;overflow: hidden;background: url(/style/img/solu06_bg.jpg);background-size: cover;background-attachment: fixed;}
.solu06 h3 {font-weight: bold;font-size: 40px;margin-bottom: 20px;}
.solu06 p {    font-size: 18px; line-height: 32px; margin-bottom: 40px; width: 910px;}

.solu06 a  { border: 1px solid #fff; background-color: transparent; color: #fff; }
.solu06 a:hover { color: #0068b6; border-color: #0068b7; }
.solu06 a::after { border-color: #0068b7; background-color: #fff; }



.solu07 {    padding: 100px 0; position: relative; overflow: hidden; background-color: #f7f8fb;}
.solu07 h3 {margin-bottom: 30px;}
.solu07 ul {display: flex;justify-content: space-between;    flex-flow: wrap;}
.solu07 ul li {width: 46%;    margin-bottom: 40px;}
.solu07 ul li a {display: flex;justify-content: space-between;  align-items: center;}
.solu07 ul li .imgbox img{height: 180px;}
.solu07 ul li a .imgbox {    width: 27%; border-radius: 9px; box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);}
.solu07 ul li:hover .imgbox img{transform: scale(1.1);}
.solu07 ul li:hover h4{color: #0068b6;}
.solu07 ul li:hover h5 i {left: 15px;}
.solu07 ul li .text {width: 66%;}
.solu07 ul li .text span {display: block;color: #999999;font-size: 16px;font-family: arial;margin-bottom: 10px;display: flex; align-items: center;}
.solu07 ul li .text span img {width: 24px;margin-right: 10px;}
.solu07 ul li:hover .text h4{color: #0068b6;}
.solu07 ul li .text h4 {font-size: 24px; color: #333333; font-weight: bold; line-height: 34px; margin-bottom: 24px;    height: 68px;}
.solu07 ul li .text h5 {color: #0068b7;display: flex; align-items: center;    font-size: 16px;}
.solu07 ul li .text h5 i {transition: 0.3s; color: #0068b7;position: relative;left:0px;margin-left: 10px;display: block;}
.solu07 ul li:hover .text h5 i{left: 15px;}
.solu08 {padding: 100px 0;position: relative;overflow: hidden;}
.solu08 h3 {margin-bottom: 30px;}
.solu08 dl {display: flex;justify-content: space-between;}
.solu08 dl dd {position: relative;    width: 32%;}
.solu08 dl dd::after {position: absolute;bottom: 0px;content: "";width: 0%;height: 2px;transition: 0.3s;background-color: #0068b6;left: 0px;}
.solu08 dl dd:hover::after{width: 100%;}
.solu08 dl dd:hover .imgbox img{transform: scale(1.1);}
.solu08 dl dd::after{transition: 0.3s; position: absolute;bottom: 0px;width:0%;height: 2px;background-color: #0068b6;}
.solu08 dl dd:hover::after{width: 100%;}
.solu08 dl dd .bot{padding: 30px 45px;background-color: #f7f8fb;}
.solu08 dl dd .bot h4 {  padding-top: 0px; font-size: 24px; color: #333; font-weight: bold; margin-bottom: 24px;}
.solu08 dl dd .bot p {    border-top: 1px solid #cfcfcf; padding-top: 15px; font-size: 16px; color: #666666; line-height: 26px;height: 94px;}
.solu08 dl dd:hover h4 {color: #0068b6;}
.solu09 {padding: 120px 0;position: relative;overflow: hidden;background: url(/style/img/solu09_bg.jpg);background-size: cover;background-attachment: fixed;}
.solu09 h3 {    margin-bottom: 45px; color: #fff;}
.solu09 ul {display: flex;justify-content: space-between;}
.solu09 ul li .icon {position: relative; width: 145px;height: 145px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.solu09 ul li .icon::after {    content: ""; position: absolute; width: 115%; height: 115%; border-radius: 50%; border: 1px solid #fff;}
.solu09 ul li .icon img {    height: 70px; width: auto;}
.solu09 ul li:hover .icon img{transform: rotateY(180deg);}
.solu09 ul li span {font-size: 22px; margin-top: 27px; text-align: center;}

.solu10 {padding: 100px 0;background-color: #f7f8fb;}
.solu10 .icenter {display: flex;justify-content: space-between;align-items: center;}
.solu10 .icenter .left  {width: 77%;}
.solu10 .icenter .left h3 {margin-bottom: 20px;font-weight: bold;}
.solu10 .icenter .left p {font-size: 22px;color: #666666;line-height: 40px;margin-bottom: 22px;}
.solu10 .icenter .right {width: 11%;}
.solu10 .icenter .left a  { border: 1px solid #0068b7; background-color: transparent; color: #0068b7; }
.solu10 .icenter .left a:hover { color: #fff; border-color: #0068b7; }
.solu10 .icenter .left a::after { border-color: #0068b7; background-color: #0068b6; }



/* join */
.join {background-color: #f7f8fb;overflow: hidden;position: relative;padding: 100px 0;}
.join .item {margin-bottom: 30px;}
.join .top {     cursor: pointer;box-shadow: 0 0 10px #ddd;padding: 50px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.join .top .left h3 {font-size: 34px;color: #333;font-weight: bold;margin-bottom: 8px;}
.join .top .left span {font-size: 18px;color: #666666;}
.join .top i {font-size: 60px;color: #333;}
.join .top i.two {display: none;}
.join .top:hover h3{color: #0068b6;}
.join .top:hover i {color: #0068b6;}
.join .active .top .left h3{color: #0068b6;}
.join .active .top i {color: #0068b6;}
.join .bot {display: none; padding: 50px 60px;}
.join .bot .box {margin-bottom: 24px;}
.join .bot .box h4 {font-weight: bold;color: #333333;font-size: 20px;margin-bottom: 30px;}
.join .bot .box p {font-size: 16px;line-height: 36px;color: #666666;}
.join .bot h6 {font-size: 20px;color: #666;}
.join .bot h6 span {color: #0068b6;font-size: 20px;display: inline-block;}

/* support */
.sup01 {background-color: #f7f8fb;}
.sup01 .top{display: flex;justify-content: space-between;}
.sup01 .top h3 {margin-bottom: 30px;}
.sup01 .top a {color: #0068b6;background-color: #fff;border: 1px solid #0068b6;}
.sup01 .top a::after { background-color: #0068b6;}
.sup01 .top a:hover {color: #fff; }
.sup01 dd {background-color: #fff;box-shadow: 0 0 4px #ddd;}

.sup02 {background: url(/style/img/ny_js_bj1.jpg);position: relative;overflow: hidden;padding: 100px 0;    background-attachment: fixed;}
.sup02  h3 {margin-bottom: 30px;}
.sup02 .amore {cursor: pointer; color: #0068b6;background-color: #fff;border: 1px solid #0068b6;}
.sup02 .amore::after { background-color: #0068b6;}
.sup02 .amore:hover {color: #fff; }
.sup02 .content {margin-bottom: 50px;border: 1px solid #c6c4c4;;border-bottom: 0px;}
.sup02 .itemF{display: none;}
.sup02 .item {border-bottom: 1px solid #c6c4c4;;}
.sup02 .item a {display: flex;justify-content: space-between;padding: 50px 130px 50px 50px;box-sizing: border-box;align-items: center;}
.sup02 .item .left {display: flex;align-items: center;}
.sup02 .item .left .imgbox img{width: 50px;}
.sup02 .item .left .text {    margin-left: 25px; border-left: 1px solid #c6c4c4;; padding: 0px 0 0 25px;}
.sup02 .item .left .text h4 {font-size: 22px;color: #333333;margin-bottom: 10px;font-weight: bold;}
.sup02 .item .left .text h5 {font-size: 16px;color: #666666;}
.sup02 .item:hover {background-color: #0068b6;}
.sup02 .item:hover .left .text {border-color: rgba(255,255,255,0.5);}
.sup02 .item:hover .left .text h4 {color: #fff;}
.sup02 .item:hover .left .text h5{color: #fff;}
.sup02 .item:hover .left .imgbox img{filter: brightness(5);}
.sup02 .item .right{display: flex;align-items: center;}
.sup02 .item .right span{font-size: 20px;color: #666;margin-right: 20px;}
.sup02 .item .right .icon{width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #c6c4c4;}
.sup02 .item .right .icon img {width: 22px;}
.sup02 .item:hover .right span {color: #fff;}
.sup02 .item:hover .right .icon{border-color: #Fff;}
.sup02 .item:hover .right .icon img{filter: brightness(5);}

.sup03{background-color: #f7f8fb; padding: 110px 0;position: relative;overflow: hidden;}
.sup03 h3 {margin-bottom: 30px;}
.sup03 dl {display: flex;justify-content: space-between;}
.sup03 dl dd {    background-color: #fff; width: 23%; padding: 60px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; text-align: center;}
.sup03 dl dd .icon {margin-bottom: 17px;}
.sup03 dl dd img {width: 45px;margin: auto;}
.sup03 dl dd h4 {font-size: 18px;color: #333333;}
.sup03 dl dd .line {    width: 40px; margin: 28px auto; height: 2px; background-color: #0068b6;}
.sup03 dl dd .amore {    cursor: pointer; width: 80px; height: 32px; margin: auto; background-color: #fff; color: #0068b7; border: 1px solid #0068b7;}
.sup03 dl dd:hover h4{color: #0068b6;}
.sup03 dl dd:hover .icon img {transform:rotateY(180deg);}
.sup03 dl dd .amore::after { background-color: #0068b6;}
.sup03 dl dd .amore:hover {color: #fff; }

.sup04 {background: url(/style/img/ny_js_bj2.jpg);background-attachment: fixed;position: relative;overflow: hidden;padding: 126px 0;}
.sup04 h3 {text-align: center;color: #fff;margin-bottom: 15px;}
.sup04 p {text-align: center;width: 1180px;font-size: 18px;margin: auto;line-height: 32px;margin-bottom: 40px;}
.sup04 a{margin: auto;}
.sup04 a {cursor: pointer; color: #fff;background-color: transparent;border: 1px solid #fff;}
.sup04 a::after { background-color: #0068b6;}
.sup04 a:hover {color: #fff; border-color: #0068b6;}

.sup05{position: relative;overflow: hidden;padding: 100px 0 0;background-color: #f7f8fb;}
.sup05 .amore {cursor: pointer; color: #0068b6;background-color: #fff;border: 1px solid #0068b6;}
.sup05 .amore::after { background-color: #0068b6;}
.sup05 .amore:hover {color: #fff;}
.sup05 .content {margin-bottom: 50px;border-bottom: 0px;}
.sup05 h3 {margin-bottom: 30px;}
.sup05 .itemF{display: none;}
.sup05 .bot {display: none;}
.sup05 .item { margin-bottom: 20px;background-color: #fff;box-shadow: 0 0 10px #ddd;}
.sup05 .item .top{display: flex;justify-content: space-between;align-items: center;padding: 26px 50px;cursor: pointer;}
.sup05 .item .top .left{display: flex;    align-items: center;width: 93%;}
.sup05 .item .top .left img {    width: 42px; margin-right: 16px;}
.sup05 .item .top:hover {background-color: #0068b6;}
.sup05 .item:hover  .top .left img{filter: brightness(5);}
.sup05 .item:hover  .top .right{border-color: #fff;}
.sup05 .item:hover  .top .right span {color: #Fff;}
.sup05 .item:hover .top .left h4 {color: #fff;}
.sup05 .item:hover .top .left::after {background-color: rgba(255,255,255,.5);}


.sup05 .item .top .left h4 {font-size: 18px;font-weight: bold;color: #333;    white-space: nowrap;}
.sup05 .item .top .right {position: absolute; width: 48px;height: 48px;border: 1px solid #bfbfbf;display: flex;justify-content: center;align-items: center;right: 50px;}
.sup05 .item .top .left::after{    position: relative; content: ""; height: 1px; width: 90%; background-color: #e3e3e3; margin-left: 12px; left: 50px; }
.sup05 .item .top .right span {font-size: 33px;color: #333;}
.sup05 .item .top .right .two {display: none;}
.sup05 .item .bot {padding: 50px;}
.sup05 .item .bot p {font-size: 20px; line-height: 28px; color: #666;}
.sup05 .active .top {background-color: #0068b6;}
.sup05 .active  .top .left img{filter: brightness(5);}
.sup05 .active  .top .right{border-color: #fff;}
.sup05 .active  .top .right span {color: #Fff;}
.sup05 .active .top .left h4 {color: #fff;}
.sup05 .active  .top .left::after{background-color: rgba(255,255,255,.5);}

.sup05 .item .bot p img {width: auto;max-width: 100%;height: auto;}


.sup06{background-color: #f7f8fb;}
.sup06 h3 {margin-bottom: 30px;}
.sup06 dd{background-color: #fff;box-shadow: 0 0 4px #ddd;}

/* news */
.page {display: flex;align-items: center;justify-content: center;padding-bottom: 100px;}
.page a {margin-right: 20px; font-size: 20px;color: #666; width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #cbcbcb;}
.page a:last-child{margin-right: 0px;}
.page a:hover {color: #fff;background-color: #0054a7;}
.page a.current {color: #fff;background-color: #0054a7;}
.page span {margin-right: 20px; font-size: 20px;color: #666; width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #cbcbcb;}
.page span.current {color: #fff;background-color: #0054a7;}
.nav-links {display: flex;}

.pagenews{display: block;    overflow: hidden;    padding: 100px 0;    position: relative;    z-index: 9;}
.pagenews dl{ margin: 0 auto; transition: all .3s;  display: block;    width: calc(100% - 0px);    overflow: hidden;    position: relative;    background: #f7f8fb;    padding: 70px 0;}
.pagenews dl a{position: relative;}
.pagenews dl a p{display: block; overflow: hidden; width: 40%; margin-left: 16%;}
.pagenews dl a p img{ transition: all .3s; display: block; width: 100%;}
.pagenews dl a .dates{    position: absolute;    top: 50%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);}
.pagenews dl a .dates span{ font-family: Montserrat-Bold; display: block; font-size: 40px; color: #333; line-height: 1em;}
.pagenews dl a .dates font{font-family: Montserrat-Bold; display: block; color: #666; font-size: 20px; line-height: 1em; margin-top: 10px;}
.pagenews dl a dd{    position: absolute;    top: 0;    right: 0;    width: 38%;}
.pagenews dl a dd strong{ display: block; color: #333; font-size: 32px; margin-bottom:20px; }
.pagenews dl a dd font{ display: block; color: #666; font-size: 18px; line-height: 30px;}

.pagenews dl:nth-child(2n){     background: #fff; }
.pagenews dl:nth-child(2n) p{margin-left: 45%;}
.pagenews dl:nth-child(2n) .dates{right: 0;}
.pagenews dl:nth-child(2n) dd{ right: auto;}

.pagenews dl a:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.pagenews dl:hover{ background: #0068b6;  }
.pagenews dl:hover a dd strong,.pagenews dl:hover a dd font,.pagenews dl:hover a .dates span,.pagenews dl:hover a .dates font{color:#fff;}
 
/* newsinfo */
.news_banner .news_text{width: 1000px; top: 64%;}
.news_banner .news_text .bt {font-size: 38px;}
.news_banner h4 {margin-bottom: 14px;}
.news_banner h5 {    font-size: 18px; display: flex;}
.news_banner h5 span:nth-of-type(1){margin-right: 20px;}


.newshowtt{     display: block;    overflow: hidden;    background: #f5f5f5;    padding: 100px 0;    width: calc(100% - 200px);    margin: 100px auto;}
.newshowtt dd{    display: block;    width: 900px;    margin: 0 auto;    overflow: hidden;}
.newshowtt dd strong{    display: block;    color: #333;    font-size: 40px;    line-height: 1em;    margin-bottom: 20px;}
.newshowtt dd p{ display: block;    overflow: hidden;  }
.newshowtt dd p span{font-family: Montserrat-Bold;    display: block;    float: left;    color: #666;    margin: 0 30px 0 0;    line-height: 30px;}
.newshowtxt{     display: block; overflow: hidden; width: 1000px; margin: 100px auto 100px;}
.newshowtxt tr td{color: #666;}
.newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt p strong a{ display: inline-block; color: #333; font-weight:bold} 
.newshowtxt p  a{ display: inline-block; color: #333; font-weight:bold;} 
.newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto;    height: auto;}
.newshowtxt p b {color: #0068b6;}
.newshowtxt p span{display: inline-block;}
.newshowtxt section{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt section b {color: #0068b6;} 

.sxy{ display: block; overflow: hidden; margin-top: 80px; border-top: 1px solid #ddd;  }
.sxy a{ display: block; color: #666; border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 18px;}
.sxy a:hover {color: #0068b6;}
.bottomfx{display: block;margin-top: 30px;}
.bottomfx dt a{ width: 120px;    height: 40px;     font-size: 16px; float: right;}

.bottomfx dd{}
.bottomfx dd span{color: #666; display: block;    float: left;    font-size: 20px;    line-height: 40px;    margin-right: 20px;}
.bottomfx dd .fx{    display: block;float: left;}
.bottomfx dd .fx a{ display: block;    width: 40px;    height: 40px;    text-align: center;    line-height: 40px;    background: #eee;    border-radius: 50%;    color: #333;    float: left;    margin-right: 10px;}
.bottomfx dd .fx a:hover{color: #fff; background: #0068b6;}
/* ser */
.ser {padding: 100px 0 0;background-color: #f7f8fb;position: relative;overflow: hidden;}
.ser .title h3{margin-bottom: 20px;}
.ser .title p {font-size: 24px; color: #666666; width: 930px; text-align: center; line-height: 34px;}
.ser .title{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ser .title {margin-bottom: 100px;}
.ser01 ul li{display: flex;justify-content: space-between;align-items: center;position: relative;}
.ser01 ul li .left{ width: 50%;background-color: #fff;height: 500px;}
.ser01 ul li .left .text {    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);    }
.ser01 ul li .left .text h3 {font-size: 44px;color: #333333;font-weight: bold;margin-bottom: 16px;}
.ser01 ul li .left .text h4 {font-size: 18px;font-family: arial;color: #0068b6;margin-bottom: 24px;}
.ser01 ul li .left .text p {font-size: 20px; line-height: 38px; color: #666666; margin-bottom: 33px;}
.ser01 ul li .left .text .icon {    background: url(/style/img/duo.png); width: 79px; height: 70px; display: flex; justify-content: center; align-items: center;    background-size: 100%!important; background-repeat: no-repeat;}
.ser01 ul li .left .text .icon img {width: 40px;}
.ser01 ul li .imgbox{width: 50%;}
.ser01 ul li:hover .imgbox img{transform: scale(1.1);}
.ser01 ul li .imgbox img {height: 500px;}
.ser01 ul li:nth-of-type(2n){flex-flow: row-reverse;}
.ser01 ul li:nth-of-type(2n) .left .text { left: 99%;}
.ser01 ul li .box {width: fit-content;}
.ser01 ul li:hover .box  .icon img{transform: rotateY(180deg);}
.ser01 ul li:hover .box  h3 {color: #0068b6;}
.ser01 ul li .imgbox:after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.ser01 ul li:hover .imgbox:after { -webkit-animation: shine 1s ease-out .3s; animation: shine 1s ease-out .3s; }
@-webkit-keyframes shine{100%{left:125%;} }
@keyframes shine{100%{left:125%;} }

.ser02 {margin: 100px 0 0;position: relative;overflow: hidden;}
.ser02 .icenter {padding: 75px 100px;box-sizing: border-box;background: url(/style/img/ny_kh_bj1.jpg);background-size: cover;}
.ser02 .icenter h4 {font-size: 36px;margin-bottom: 20px;font-weight: bold;}
.ser02 .icenter h5 {font-size: 22px;margin-bottom: 30px;} 
.ser02 .icenter a {color: #fff;border: 1px solid #fff;background-color: transparent;}
.ser02 .icenter a:hover {color: #0068b7;border-color: #0068b6;}
.ser03 h3{text-align: center;margin-bottom: 20px;}
.ser03 dd {box-shadow: 0 0 4px #ddd;    background-color: #fff;}

/* con */
.con01{padding: 120px 0;position: relative;overflow: hidden;background: url(/style/img/ny_lx_bj1.jpg);background-size: cover; background-attachment: fixed;}
.con01 h3 {font-size: 40px;font-weight: bold;color: #333;margin-bottom: 40px;}
.con01 ul {display: flex;flex-flow: wrap;}
.con01 ul li {    padding: 28px 20px 20px 48px; border: 2px solid #0068b6; box-sizing: border-box; width: 24%; margin-right: 1.33%; border-radius: 10px; margin-bottom: 1.33%;}
.con01 ul li:nth-of-type(4n){margin-right: 0px;}
.con01 ul li .top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.con01 ul li .top span {font-size: 24px;color: #333333;line-height: 33px;}
.con01 ul li .top img {width: 40px;}
.con01 ul li .bot {display: flex;justify-content: space-between;align-items: flex-end;}
.con01 ul li .bot img {width: 65px;}
.con01 ul li .bot span {color: #666666;    text-align: end;}
.con01 ul li .bot .cs_1{font-size: 18px;     margin-bottom: 5px;} 
.con01 ul li .bot .cs_2{font-size: 14px; color: #999;} 
.con01 ul li:hover {background-color: #0068b6;}
.con01 ul li:hover .top img {filter: grayscale(3) brightness(10);}
.con01 ul li:hover .bot span{color: #fff;}
.con01 ul li:hover .top span{color: #fff;}

.con02{padding: 100px 0;background-color: #f7f8fb;}
.con02_1{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
.con02_1 .left{width: 40%;}
.con02_1 .left h3 {font-size: 40px;color: #333333;font-weight: bold;line-height: 50px;margin-bottom: 35px;}
.con02_1 .left dd {margin-bottom: 20px;display: flex;align-items: center;}
.con02_1 .left dd a {display: flex;align-items: center;}
.con02_1 .left dd  img {width: 20px;}
.con02_1 .left dd  span {font-size: 18px;color: #666666;    margin-left: 10px;}
.con02_1 .left dl {margin-bottom: 60px;}
.con02_1 .imgbox:hover img {transform: scale(1.1);}
.con02_1 .right {width: 49%;}
.con02_1 .amore {background-color: #fff;border: 1px solid #0068b6;color: #0068b6;}
.con02_1 .amore:hover {color: #fff;}
.con02_1 .amore::after{background-color: #0068b6;}

.con02_2 {background: url(/style/img/ny_lx_bj2.jpg); margin-bottom: 100px; padding: 100px 125px;position: relative;overflow: hidden;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;background-size: cover;    background-attachment: fixed;}
.con02_2 .left {width: 652px;}
.con02_2 .left  h3 {font-size: 44px;margin-bottom: 28px;font-weight: bold;}
.con02_2 .left p {font-size: 20px;line-height: 34px;}
.con02_2 .right img{width: 170px;}
.con02_3 {width: 100%;}
.con02_3 .top{margin-bottom: 34px;}
.con02_3 .top h3 {font-size: 44px;font-weight: bold;margin-bottom: 8px;color: #333;}
.con02_3 .top h4 {font-size: 18px;color: #666666;}
.con02_3 .mid { width: 100%; display: flex;flex-flow: wrap;justify-content: space-between;margin-bottom: 60px;}
.con02_3 .mid form{  width: 100%;  display: flex; flex-flow: wrap; justify-content: space-between;}
.con02_3 .mid input{  box-shadow: 0 0 4px #eeeeee; border: none;outline: none; background-color: #fff; width: 48%;padding: 16px 40px;font-size: 18px;color: #666666;    box-sizing: border-box; margin-bottom: 24px;}
.con02_3 .mid textarea {    box-shadow: 0 0 4px #eeeeee; border: none;outline: none; background-color: #fff; width: 100%;height: 173px;padding: 16px 40px;font-size: 18px;color: #666666;}
.con02_3 .bot {display: flex;justify-content: space-between;align-items: center;}
.con02_3 .bot span {font-size: 14px;color: #666666;}

.con03{padding: 160px 0;position: relative;overflow: hidden;background: url(/style/img/ny_lx_bj3.jpg);background-size: cover;    background-attachment: fixed;}
.con03 h3 {font-size: 60px;font-weight: bold;margin-bottom: 10px;}
.con03 h4 {font-size: 26px;font-family: arial;margin-bottom: 24px;}
.con03 h5 {font-size: 22px;    display: flex; align-items: center;}
.con03 h5 a {font-size: 22px;display: flex; align-items: center;}
.con03 h5 span:nth-of-type(1) {position: relative; margin-right: 10px;padding-right: 10px;}
.con03 h5 span:nth-of-type(1)::after{content: ""; position: absolute; height: 16px; width: 1px; top: 51%; transform: translateY(-50%); right: 0px; background-color: rgba(255,255,255,0.5);}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ font-size: 18px; font-family:"微软雅黑"; }

 

#wpcf7-f235-o1,#wpcf7-f235-o1 p{ display: block; width: 100%;display: flex; flex-flow: wrap; justify-content: space-between;}
#wpcf7-f235-o1 br,.screen-reader-response{display: none;}
#wpcf7-f235-o1 input{width: 100%;}
#wpcf7-f235-o1 span{width: 48%;position: relative;}
#wpcf7-f235-o1 .textarea-110{width: 100%;}
#wpcf7-f235-o1 .textarea-110 textarea{ padding: 0;text-indent: 40px;line-height: 40px; font-family: 微软雅黑; }
#wpcf7-f235-o1 span span{position: absolute; color: #f00; top: 0; right: 10px; width: auto; letter-spacing: 0; font-size: 14px; font-weight: bold; line-height: 40px;}
#wpcf7-f235-o1 .amore{ width: 200px; padding: 0; cursor: pointer; border: 1px solid #0068b6; color: #0068b6;margin-top: 30px; }
#wpcf7-f235-o1 .amore:hover{background-color: #0068b6; color: #fff;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block; text-align: center; color: #f00; width: 100%; letter-spacing: 0; font-size: 16px; font-weight: bold;}
 








/* fixed-sub */
.fixed-sub { display: none; position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 20; right: 0px;}
.fixed-sub ul  li {width: 80px;height: 80px;background-color: #0068b6;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}
.fixed-sub ul  li  a {font-size: 18px;color: #ffffff;}
.fixed-sub ul li p {font-size: 14px; color: #ffffff; margin-top: 5px;}
.fixed-sub ul li a  span img {width: 28px;margin: auto;transition: .3s;} 
.fixed-sub ul  li:nth-of-type(4){margin-bottom: 0px;}
.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 10%; border-top-left-radius: 10%;}
.fixed-sub ul  li:nth-of-type(4)  {border-bottom-right-radius: 10%; border-bottom-left-radius: 10%;}
.fixed-sub ul  li:nth-of-type(1) .tel {     display: none; padding: 34px; color: #fff; font-size: 18px; position: absolute; background-color: #0068b6; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -254px; text-align: center; top: 6px;}
.fixed-sub ul  li:nth-of-type(1) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}
.fixed-sub ul  li:nth-of-type(1) .tel h2::after {top: 7px; right: -38px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #0068b6;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}
.fixed-sub ul  li:nth-of-type(1) .tel h2 {  position: relative;font-size: 26px;color: #fff}

.fixed-sub ul  li:nth-of-type(3) .ewm {  display: none;  padding: 14px; position: absolute; background-color: #0068b6; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -154px; top: -25px;} 
.fixed-sub ul  li:nth-of-type(3) .ewm img {    width: 111px;}
.fixed-sub ul  li:nth-of-type(3) .ewm  p {font-size: 15px; color: #fff; margin-top: 6px; text-align: center;}
.fixed-sub ul  li:nth-of-type(3) .ewm p::after {position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #0068b6;content: "";box-shadow: 0px 0px 5px rgba(0,0,0,0.3);    right: -4px; top: 76px;box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}
 
.fixed-sub ul  li:nth-of-type(1):hover .tel{display: block;}
.fixed-sub ul  li:nth-of-type(3):hover .ewm {display: block;} 
 
.fixed-sub ul  li:hover {background-color: #0068b6;}
 
.fixed-sub ul  li:hover span img {transform: scale(1.1);}
.fixed-sub ul  li:hover p { color: #ffffffd9;}




@media screen and (max-width:1600px) {
  .inner_banner .v_cc { height: 472px; }
.icenter {width: 1080px;}
.div1 .head_nav h4 a { font-size: 14px;}
.div1 .head_nav { height: 35px;}
.div2 .head_nav { height: 0px;}
.head { height: 80px;}
.head .mid ul li .a { margin: 0 14px; font-size: 16px; height: 80px; line-height: 80px; }
.head .left img { width: 120px;}
.head .biao a { width: 32px; height: 32px;}
.head .biao a img { width: 21px; }
.head .right { width: 68%;}
.index_banner .text h3 { font-size: 75px; margin-bottom: 3px; }
.index_banner .text h4 { font-size: 38px; margin-bottom: 34px; }
.lei01_img {width: 100%;object-fit: fill;height: 80px;}
.lei01 .lei01_top .icenter {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;  height: 0px;}
.lei01 .lei01_top .icenter h3 {     font-size: 16px; margin-right: 13px;}
.lei01 .lei01_top .icenter a { width: 106px; height: 26px; font-size: 13px;}
.amore { font-size: 14px; width: 145px; height: 36px; }
.lei01 .lei01_bot { padding: 90px 0; }
.lei01 .lei01_Swiper .box .wen { font-size: 150px;}
.lei01 .lei01_Swiper .box .text h4 { font-size: 16px; }
.lei01 .lei01_Swiper { overflow: hidden; position: relative; height: 520px; }
.lei01 dl { margin-top: 30px; }
.lei01 dl dd { width: 88px; height: 88px;}
.lei01 dl dd img { width: 35px; margin-bottom: 4px; }
.lei01 dl dd span {font-size: 14px;}
.lei01 .lei01_Swiper .swiper-slide .box h3 { font-size: 22px; }
.lei01 .lei01_Swiper .swiper-slide-active .box h3 { font-size: 34px; }
.lei02 { padding: 90px 0;}
.lei02 .top .left h3 { font-size: 16px; margin-bottom: 5px; }
.lei02 .top .left h4 { font-size: 40px;}
.lei02 ul li .text h3 img { width: 40px; margin-bottom: 6px; }
.lei02 ul li .text h3 { font-size: 18px;}
.lei02 ul li .text p { font-size: 16px; width: 336px; line-height: 26px;}
.lei02 ul li .text .cha { font-size: 14px; margin-top: 38px;}
.lei02 ul li figure { height: 480px; }
.lei03 .top .left .wen { left: -100px; font-size: 100px; }
.lei03 .top .left { width: 43%; padding-left: 100px; }
.lei03 .top .left h3 { font-size: 60px; line-height: 78px; }
.lei03 .top .right p { font-size: 16px; line-height: 26px; margin-bottom: 16px; }
.lei03 { padding: 90px 0;}
.lei03 .bot { margin-top: 80px;}
.lei03 .bot ul li h4 strong { font-size: 60px; margin-right: 5px; }
.lei03 .bot ul li h4 { font-size: 24px; margin-bottom: 6px; line-height: 25px; }
.lei03 .bot ul li h5 { font-size: 16px; line-height: 26px; }
.lei04 .icenter .box h3 { font-size: 40px; margin-bottom: 4px; }
.lei04 .icenter .box h4 { font-size: 32px;}
.lei04 .icenter .box .line { width: 70px; margin: 24px 0 30px; }
.lei04  ul li:nth-of-type(1) {     top: -68%; left: -8%; width: 115px; height: 115px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(1) img { width: 106px; }

.lei04  ul li:nth-of-type(2) { width: 76px; height: 76px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear  infinite; }
.lei04  ul li:nth-of-type(2) img { width: 77px; }

.lei04  ul li:nth-of-type(3) {top: -34%; left: 16%; width: 102px; height: 102px;  animation: xb1 5.4s linear infinite; -webkit-animation: xb1 5.4s linear infinite; }
.lei04  ul li:nth-of-type(3) img { width: 80px; }

.lei04  ul li:nth-of-type(4) { top: 6%; left: -1%; width: 102px; height: 102px;  animation: xb1 6.3s linear infinite; -webkit-animation: xb1 6.3s linear infinite; }
.lei04  ul li:nth-of-type(4) img { width: 106px; }

.lei04  ul li:nth-of-type(5) { top: 34%; left: 9%; width: 135px; height: 135px;  animation: xb1 6.1s linear infinite; -webkit-animation: xb1 6.1s linear infinite; }
.lei04  ul li:nth-of-type(5) img { width: 106px; }

.lei04  ul li:nth-of-type(6) { top: 61%; left: -8%; width: 80px; height: 80px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(6) img { width: 80px; }

.lei04  ul li:nth-of-type(7) {    top: 93%; left: 0%; width: 105px; height: 105px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(7) img { width: 106px; }

.lei04  ul li:nth-of-type(8) {     top: 103%; left: 20%; width: 80px; height: 80px;  animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite; }
.lei04  ul li:nth-of-type(8) img { width: 80px; }

.lei04  ul li:nth-of-type(9) {     top: 141%; left: -7%; width: 80px; height: 80px;  animation: xb1 6.2s linear infinite; -webkit-animation: xb1 6.2s linear infinite; }
.lei04  ul li:nth-of-type(9) img { width: 80px; }

.lei04  ul li:nth-of-type(10) {     top: 145%; left: 11%; width: 66px; height: 66px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(10) img { width: 70px; }

.lei04  ul li:nth-of-type(11) {     top: -91%; right: 1%; width: 105px; height: 105px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(11) img { width: 106px; }

.lei04  ul li:nth-of-type(12) { top: -41%; right: 18%; width: 104px; height: 104px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(12) img { width: 106px; }

.lei04  ul li:nth-of-type(13) {top: -22%; right: 7%; width: 75px; height: 75px;  animation: xb1 5.9s linear infinite; -webkit-animation: xb1 5.9s linear infinite; }
.lei04  ul li:nth-of-type(13) img { width: 80px; }

.lei04  ul li:nth-of-type(14) { top: -34%; right: -7%; width: 75px; height: 75px;  animation: xb1 5.6s linear infinite; -webkit-animation: xb1 5.6s linear infinite; }
.lei04  ul li:nth-of-type(14) img { width: 70px; }

.lei04  ul li:nth-of-type(15) {     top: 11%; right: -1%; width: 104px; height: 104px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(15) img { width: 106px; }

.lei04  ul li:nth-of-type(16) {     top: 35%; right: 10%; width: 135px; height: 135px;  animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite; }
.lei04  ul li:nth-of-type(16) img { width: 120px; }

.lei04  ul li:nth-of-type(17) {    top: 80%; right: -5%; width: 80px; height: 80px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(17) img { width: 80px; }

.lei04  ul li:nth-of-type(18) {top: 104%; right: 19%;width: 80px; height: 80px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; } .lei04  ul li:nth-of-type(18) img { width: 100px; }
.lei04  ul li:nth-of-type(18) img { width: 80px; }

.lei04  ul li:nth-of-type(19) {top: 109%; right: 2%; width: 115px; height: 115px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(19) img { width: 106px; }

.lei04  ul li:nth-of-type(20) { top: 156%; right: 12%; width: 70px; height: 70px;  animation: xb1 5.6s linear infinite; -webkit-animation: xb1 5.6s linear infinite; }
.lei04  ul li:nth-of-type(20) img { width: 70px; }

.lei04  ul li:nth-of-type(21) {   top: 151%; right: -7%;width: 80px; height: 80px;  animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(21) img { width: 80px; }

.lei04  ul li:nth-of-type(22) {  top: -30%; left: 7%; width: 65px; height: 65px; animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite; }
.lei04  ul li:nth-of-type(22) img { width: 75px; }


.lei04 { padding: 210px 0 220px; }
.lei05 { padding: 90px 0;}
.lei05 .top .left h3 { font-size: 40px; margin-right: 70px; }
.lei05 .top .left .tab span { margin-right: 28px; font-size: 20px;}
.lei05 .top .left .tab span::after { height: 16px;}
.lei05 .box ul .dr_right h3 { font-size: 17px; line-height: 24px; margin-bottom: 5px; }
.lei05 .box ul .dr_right h4 { font-size: 14px;}
.lei05 .box ul .dr_right .a { font-size: 14px;}
.lei05 .box ul li a { padding: 14px 0; }
.lei05 .box .left h3 { font-size: 20px; }
.lei05 .box ul .dr_left .date h3 { font-size: 36px; top: 14px; }
.lei05 .box ul .dr_left .date span { font-size: 16px;}
.lei05 .box ul .dr_left .date .line { width: 64px; height: 1px; top: 24px; left: -8px; }
.lei05 .bot .swiper-container-horizontal>.swiper-pagination-bullets {      left: 43px; bottom: 5px;}
.lei05 .vi_box .left .bot h3 { font-size: 20px;  }
.lei05 .vi_box .left .bot { margin-top: 10px; }
.lei05 .vi_box .bo { width: 38px; height: 38px; font-size: 15px; }  
.lei05 .vi_box .left .bot .time { font-size: 14px; }
.lei05 .vi_box .right .c_right h3 { font-size: 13px; margin-bottom: 10px; }
.lei05 .vi_box .right .c_right h4 {    font-size: 20px; line-height: 26px; margin-bottom: 12px;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden; }
.lei05 .vi_box .right .c_right h5 { font-size: 14px; }
.lei05 .vi_box .right .content {padding: 11px 0;}
.lei05 .box a .imgbox {height: 398px;}
.lei05 .vi_box .left .vi video { width: 100%; height: 100%;display: block; object-fit: cover; }
.lei05 .vi_box .left .vi {height: 400px}
.lei06 .pic img {     height: 450px;object-fit:fill}
.lei06 .left h3 { font-size: 40px; line-height: 44px;}
.lei06 .left { width: 39%; }
.lei06 .left h4 { width: 84%; font-size: 16px; line-height: 26px; margin-bottom: 40px; }
.lei06 .pic .pic_left { width: 55%; }
.lei07 { padding: 90px 0;}
.lei07 .bot ul li h4 strong { font-size: 70px;}
.lei07 .bot ul li h4 sup { font-size: 40px;}
.lei07 .bot ul li h5 { font-size: 17px;}
.lei07 .top h3 { font-size: 40px;}

.lei07 .bot dl.sax .line { width: 100px; height: 100px; }
.lei07 .bot dl .lz5 { top: 35.1%; left: 34.1%; }
.lei07 .bot dl .lz6 { top: 27.5%; left: 31.5%; }
.lei07 .bot dl .line:after{ content: ""; position: absolute; width: 7px; height: 7px; background:#0068b7; top: 50%; left: 50%; border-radius: 50%; margin: -5px; }
.lei07 .bot ul li { padding: 26px 0;}
.lei07 .bot ul { bottom: 35px; }
.lei07 .bot dl .line { width: 160px; height: 160px;}
.footer { padding: 80px 0 60px;}
.fo01 .fo01_left a img { width: 140px; }
.fo01 .fo01_left h3 { font-size: 14px; margin-bottom: 5px; }
.fo01 .fo01_left a { margin-bottom: 14px; }
.fo01 .fo01_left h4 { font-size: 32px; margin-bottom: 5px; }
.fo01 .fo01_left p { font-size: 13px; line-height: 26px; }
.fo01 .fo01_right ul li h3 { font-size: 18px; margin-bottom: 20px; }
.fo01 .fo01_right ul li .min a { font-size: 14px; margin-bottom: 12px;}
.fo01 .fo01_right ul li .box1 { margin-bottom: 23px; }
.fo01 { padding-bottom: 34px; }
.fo02 .fo02_left h3 { font-size: 14px; margin-bottom: 7px; }
.fo02 .fo02_left h4 { font-size: 14px; margin-bottom: 11px; }
.fo02 .fo02_left h4 span::after { right: -9px; top: 4px; height: 12px; }
.fo02 .fo02_left .bot a { margin-right: 4px; font-size: 13px; width: 26px; height: 26px;}
.fo02 .fo02_right .box img { width: 80px; }
.fo02 .fo02_right .box span { margin-top: 4px; font-size: 14px; }
.fo02 { padding: 16px 0;}
.fo03 span { font-size: 14px; margin-right: 8px;}
.fo03 { padding-top: 14px;}
.fo03 .lianjie a { font-size: 12px; padding-right: 8px; margin-right: 8px; line-height: 11px;}

/* about */
.inner_banner .text h4 { font-size: 30px; }
.inner_banner .text h3 { font-size: 30px; margin-bottom: 6px; }
.cc_nav { padding: 30px 0; }
.cc_nav .icenter .left a { font-size: 16px;}
.cc_nav .icenter .left { font-size: 14px;}
.cc_nav .icenter .right a { font-size: 18px; margin: 0 10px;}
.com_h3 { font-size: 40px; line-height: 52px; }
.ab01 .top .left { padding-left: 100px;}
.ab01 .top .left .wen { font-size: 80px; left: -84px; top: 32px; }
.ab01 .top .right p { font-size: 16px; line-height: 28px; margin-bottom: 24px; }
.ab01 .bot video { height: 384px; width: 100%; }
.ab01 { padding: 100px 0; }
.ab02 ul li .imgbox .text { width: 132px; height: 42px; font-size: 18px; background-size: cover; }
.ab02 ul li .bot { padding: 30px}
.ab02 ul li .bot h4 { font-size: 24px; margin-bottom: 18px; }
.ab02 ul li .bot h5 { font-size: 16px; line-height: 24px; height: 74px; }
.ab02 { margin-bottom: 100px; }
.ab03 { padding: 100px 0; }
.ab03 .top h3 { font-size: 30px; margin-bottom: 14px; }
.ab03 .top h4 { font-size: 58px;}
.ab03 .top { margin-bottom: 43px; }
.ab03 ul li h3 { font-size: 22px; margin-bottom: 7px; }
.ab03 ul li img { width: 60px;}
.ab03 ul li h4 { font-size: 16px; margin-top: 24px;}
.ab04 { padding: 100px 0; }
.ab04 .top {align-items: center;}
.ab04 .top .right h3 { margin-bottom: 20px; }
.ab04 .top .right p { font-size: 14px; line-height: 24px; }
.ab04 .top .left .imgbox{height: 100%;}
.ab04 .top .left .imgbox img {height: 100%;}
.ab04 ul li h3 strong { font-size: 52px; margin-right: 4px; }
.ab04 ul li h4 { font-size: 20px; }
.ab04 ul li::before { left: -85px;}

.honor01 .icenter .left p { font-size: 16px; line-height: 28px; margin-bottom: 26px; }
.honor01 .icenter .left h3 { margin-bottom: 15px;}
.honor01 .icenter .left h3::after { width: 58%;}
.honor01 .icenter { padding: 50px;}
.honor01 .icenter .right .wen { left: -188px; top: 80px; font-size: 89px; z-index: 0; }
.honor01 { padding: 100px 0; }
.honor02 { padding: 90px 0; }
.honor02 .bg1 img, .honor02 .bg2 img { width: 422px; }
.honor02 .box p { font-size: 15px; line-height: 32px; }
.honor02 .box strong { font-size: 46px; margin-bottom: 0px; }
.honor02 h3 { margin-bottom: 40px; }
.honor02 .box {margin-bottom:40px;}
.honor03 { padding: 90px 0; }
.honor03 .box span { font-size: 16px; margin-top: 16px;}
.honor03 .fa { font-size: 58px;}
.honor03 .swiper-button-prev { left: -55px; }
.honor03 .swiper-button-next { right: -55px; }
.honormin a p .it{max-height: 80%;}
.honormin a span{     font-size: 18px; margin: 10px auto 0;}
.cer { padding: 0px 0; }
.cer01 { padding: 100px 0; }
.cer .top p { font-size: 18px; line-height: 29px;}
.cer .top h3 { margin-bottom: 14px; }
.cer .mid li h4 strong { font-size: 58px;}
.cer .mid li h4 { font-size: 36px; margin-bottom: 5px; }
.cer .mid li h5 { font-size: 18px; margin-bottom: 8px; }
.cer .mid li img { width: 34px; }
.cer .mid { margin-bottom: 50px; padding: 40px 0; }
.honormin { padding: 70px 0 0px;}
.page a { width: 37px; height: 37px; font-size: 16px; margin-right: 12px;}
.team01 .top {padding: 20px 0;}
.team01 .top span { font-size: 14px;}
.team01 .top span::before { left: -16px; top: 4px; height: 12px; width: 1px; }
.team01 .mid .left p { font-size: 20px; line-height: 32px; margin-bottom: 44px; }
.team01 .mid .left .b span { font-size: 20px; }
.team01 .bot { padding: 80px;}
.team01 .bot .imgbox img { width: 240px; height: 240px;}
.team01 .bot .content .text p { font-size: 16px; line-height: 28px; margin-bottom: 24px; }
.team01 .bot .wen { font-size: 60px; right: -110px;}
.team01 { padding: 90px 0;}
.team02-1 .top h3 { margin-bottom: 20px; }
.team02-1 .bot .right p { font-size: 16px; line-height: 28px; margin-bottom: 33px; }
.team02-1 .bot .right h4 { font-size: 30px; margin-bottom: 16px; }
.team02-1 .bot .right { width: 30.5%; padding: 53px 35px; }
.team02-1 { margin-bottom: 90px; }
.team_h3 { font-size: 36px;}
.team02-2 p { font-size: 20px; line-height: 28px; margin-bottom: 26px; }
.team02-2 .bot { margin-bottom: 40px; }
.team02-2 { margin-bottom: 90px; }
.team02-3 { padding: 90px 0;}
.team02-3 .top p { font-size: 20px; line-height: 28px; margin-bottom: 26px; }
.team02-3 ul li .text {font-size: 26px;}
.team02-3 ul li .bot_text { font-size: 12px; padding: 8px 0; }
.team02-4 { padding: 90px 0;}
.team02-4 .top h5 { font-size: 34px; }
.team02-4 .bot { padding-top: 29px; margin-top: 26px;}
.team02-4 .bot .ri h3 { font-size: 36px; margin-bottom: 12px; }
.team02-4 .bot .ri p { font-size: 16px; line-height: 28px; margin-bottom: 32px; }
.team02-4 .bot .le .box span { font-size: 18px;}
.pro .pro_nav .tab a { margin-right: 10px; padding: 9px 13px; font-size: 14px; }
.pro .pro_nav h3 { font-size: 30px;}
.pro .content .right .box { padding: 40px; }
.pro .content .right .box h3 { font-size: 36px; margin-bottom: 4px;}
.pro .content .right .box h4 { font-size: 16px; margin-bottom: 13px; }
.pro .content .right .box h5{line-height: 24px; font-size: 14px;}
.pro .content .right .box p { font-size: 14px; margin-bottom: 33px; line-height: 24px; }
.pro .content .left img { height: 320px;}
.pro .content .left .wen { font-size: 100px;}
.pro .pro_nav { padding: 70px 0;}
.pro .content .right .box a { width: 125px; }
.pro .content .right { width: 49%; padding-right: 95px;}
.pro .content:nth-of-type(2n-1) .right { width: 49%; padding-left: 95px;padding-right: 0px;}
.pro .content .right .huan img { width: 24px;}
.proshow_01 .right h3 { font-size: 38px; margin-bottom: 18px; }
.proshow_01 .right .pros_h4 { margin-bottom: 16px; font-size: 20px;}
.proshow_01 .right .box1 p { font-size: 14px;line-height: 24px; }
.proshow_01 .right .box2 ul li .imgbox img { height: 34px;}
.icenter1 {width: 1080px;}
.proshow_01 .left .top .imgbox img { height: 286px; }
.proshow .pros_h3 { font-size: 38px; margin-bottom: 24px; }
.proshow_02 dl dd .icon img { width: 34px; }
.proshow_02 dl dd .icon { margin-bottom: 10px; width: 86px; height: 86px;}
.proshow_02 dl dd .icon::after { width: 66px; height: 66px;}
.proshow_02 dl dd h4 { font-size: 17px;}
.proshow_02 dl span { font-size: 14px;}
.proshow_02 dl dd .line { width: 34px; margin: 10px 0; }
.proshow_02 { margin-bottom: 90px; }
.proshow_01 { margin-bottom: 90px; }
.proshow_03 ul li h5 { padding: 10px 0; padding-left: 50px; width: 30%; font-size: 14px;}
.proshow_03 ul li h6 { padding: 10px 0; width: 70%; padding-left: 50px; font-size: 14px;}
.proshow_03 { margin-bottom: 90px; }
.proshow_05 .box .bot h4 { font-size: 26px; margin-bottom: 8px; }
.proshow_05 .box .bot h5 {  font-size: 14px; margin-bottom: 15px; height: auto; }
.proshow_05 .box a { padding: 42px 26px; box-sizing: border-box; }
.proshow_05 .box .bot h6 { font-size: 14px; margin-bottom: 30px; }
.proshow_05 .box .bot .down a { width: 115px;}
.proshow_05 .box .bot .down .chat img {width: 24px;}
.proshow_05 .box .imgbox img { height: 230px}
.proshow_05 { margin-bottom: 90px; }
.fan { padding: 40px 0;}
.fan .icenter1 a { font-size: 18px;}
.solu01 .icenter .mid { width: 675px; font-size: 16px; line-height: 28px; color: #666666; }
.solu01 .icenter .right span { font-size: 14px; margin-top: 8px; }
.solu01 { padding: 90px 0;}
.solu01 .icenter .left h3 { line-height: 52px; }
.solu01 .icenter .left .line { margin: 16px 0; }
.solu02 { padding: 100px 0;}
.solu02 ul li .icon { margin-bottom: 22px; width: 100px; height: 100px;}
.solu02 ul li .icon img { width: 32px; }
.solu02 ul li::before { width: 40px;}
.solu02 ul li:nth-of-type(1):before { left: 186px; }
.solu02 ul li:nth-of-type(2):before { left: 186px; }
.solu02 ul li:nth-of-type(3):before { left: 186px; }
.solu02 ul li:nth-of-type(4):before { left: 186px; }

/* li为4 */
.solu02 ul.act4 li span { width: 251px; }
.solu02 ul.act4 li:before { top: 31%!important; transform: translateY(-50%); left: 99%!important; }
.solu02 ul.act4 li:nth-of-type(4):before {display: none!important;}
/* li为3 */
.solu02 ul.act3 li span { width: 322px; }
.solu02 ul.act3 li:before { top: 19%!important; transform: translateY(-50%); left: 102%!important; }
.solu02 ul.act3 li:nth-of-type(3):before {display: none!important; }


.solu02 ul li span {     font-size: 12px; line-height: 20px; width: 183px;}
.solu03 .icenter { padding: 90px 0; }
.solu03 .icenter .top h3 { margin-bottom: 12px; }
.solu03 .icenter .top p { font-size: 16px; line-height: 28px; }
.solu03 ul li .text h5 { font-size: 13px; line-height: 24px; }
.solu03 ul li .text h4 { font-size: 20px;}
.solu03 ul li .text .line { width: 26px; height: 1px; margin: 8px 0; }
.solu03 ul li .icon { width: 85px; height: 86px;}
.solu03 ul li .icon img { width: 40px; }
.solu04 { padding: 100px 0;}
.solu04 .box p { font-size: 14px; line-height: 24px; margin-bottom: 22px;}
.solu04 .box .text { padding: 24px;}
.solu04 .box h4 { font-size: 20px; margin-bottom: 16px; }
.solu04 .box h4::before { left: -24px; width: 10px; height: 3px; }
.solu05 { margin-bottom: 0px; padding: 90px 0;}
.solu06 { padding: 100px 0;}
.solu06 p { font-size: 16px; line-height: 28px; margin-bottom: 32px; width: 748px; }
.solu06 h3 { font-size: 32px; margin-bottom: 12px; }
.solu07 { padding: 90px 0; }
.solu07 ul li .text h4 { font-size: 20px; line-height: 31px;   height: 61px; }
.solu07 ul li .text span img { width: 18px; margin-right: 8px; }
.solu07 ul li .text h5 { font-size: 14px; }
.solu07 h3 { margin-bottom: 16px; }
.solu08 { padding: 90px 0;}
.solu08 dl dd .bot { padding: 24px 34px; }
.solu08 dl dd .bot h4 { padding-top: 0px; font-size: 22px; margin-bottom: 18px; }
.solu08 dl dd .bot p { padding-top: 14px; font-size: 14px; line-height: 24px;    height: 73px; }
.solu09 { padding: 100px 0;}
.solu09 h3 { margin-bottom: 38px }
.solu09 ul li .icon { width: 125px; height: 125px;}
.solu09 ul li .icon img { height: 56px; }
.solu09 ul li span { font-size: 20px; margin-top: 24px;}
.solu10 { padding: 90px 0;}
.solu10 .icenter .left p { font-size: 20px; line-height: 36px; margin-bottom: 20px; }
.join { padding: 90px 0; }
.join .top { padding: 40px;}
.join .top .left h3 { font-size: 27px; margin-bottom: 6px; }
.join .top .left span { font-size: 16px; }
.join .top i { font-size: 50px;}
.join .bot .box h4 { font-size: 18px; margin-bottom: 22px; }
.join .bot .box p { font-size: 14px; line-height: 32px;}
.join .bot h6 { font-size: 18px;}

.sup02 { padding: 90px 0; }
.sup02 .item a { padding: 40px 75px 40px 40px}
.sup02 .item .left .imgbox img { width: 40px; }
.sup02 .item .left .text h4 { font-size: 20px; margin-bottom: 5px;}
.sup02 .item .left .text h5 { font-size: 14px;}
.sup02 .item .left .text { margin-left: 20px; padding: 0px 0 0 20px; }
.sup02 .item .right span { font-size: 18px; margin-right: 16px; }
.sup02 .item .right .icon img { width: 18px; }
.sup02 .item .right .icon { width: 38px; height: 38px;}
.sup03 { padding: 100px 0;}
.sup03 dl dd { width: 23%; padding: 45px 20px}
.sup03 dl dd img { width: 38px;}
.sup03 dl dd h4 { font-size: 16px;}
.sup03 dl dd .line { width: 34px; margin: 22px auto;}
.sup03 dl dd .amore { width: 72px; height: 28px;}
.sup04 { padding: 116px 0;}
.sup04 p { width: 1010px; font-size: 16px; line-height: 28px; margin-bottom: 30px; }
.sup05 { padding: 90px 0 0;}
.sup05 .item .top { padding: 19px 36px; }
.sup05 .item .top .left img { width: 37px; margin-right: 12px; }
.sup05 .item .top .left h4 { font-size: 14px;}
.sup05 .item .top .right { width: 40px; height: 40px;}
.sup05 .item .top .right span { font-size: 28px;}
.sup05 .item .bot { padding: 36px; }
.sup05 .item .bot p { font-size: 16px; line-height: 26px;}
.sup05 .item .top .left::after { left: 15px; }


.page a { margin-right: 16px; font-size: 18px; width: 36px; height: 36px;}
.page {padding-bottom: 90px;}
.page span{ margin-right: 16px; font-size: 18px; width: 36px; height: 36px;}

.pagenews dl a p{ width: 35%;}
.pagenews dl a .dates{left:3%;}
.pagenews dl a dd{right:3%; width: 40%; }
.pagenews dl{width: calc(100% - 0px);padding: 70px 0;}
.pagenews dl:nth-child(2n) p{ margin-left: 48%; }
.pagenews dl:nth-child(2n) .dates{ right: 3%; left: auto;}
.pagenews dl:nth-child(2n) dd{ right: auto; left: 3%;}
.pagenews dl a dd strong { font-size: 28px; margin-bottom: 18px; }
.pagenews dl a dd font { font-size: 16px; line-height: 26px; }
.pagenews dl a .dates span { font-size: 36px;}


.newshowtt{ width: calc(100% - 100px); padding: 50px 0; margin: 100px auto 50px;}
.newshowtxt p{font-size:14px; line-height:24px; }
.newshowtxt section {font-size:14px; line-height:24px;}
.sxy a { padding: 13px 0; font-size: 16px; }
.bottomfx dd span { font-size: 17px; line-height: 36px; margin-right: 15px; }
.bottomfx dd .fx a { width: 36px; height: 36px; line-height: 36px; border-radius: 50%; margin-right: 8px; }
.bottomfx dt a { width: 107px; height: 36px; font-size: 14px; }
.news_banner h5 { font-size: 16px;}
.news_banner img {height: 400px;}
.ser { padding: 90px 0 0;}
.ser .title h3 { margin-bottom: 14px; }
.ser .title p { font-size: 20px; width: 862px; line-height: 32px; }
.ser01 ul li .left .text h3 { font-size: 36px; margin-bottom: 14px; }
.ser01 ul li .left .text {width: 1100px;}
.ser01 ul li .left .text h4 { font-size: 16px; margin-bottom: 19px; }
.ser01 ul li .left .text p { font-size: 16px; line-height: 35px; margin-bottom: 31px; }
.ser01 ul li .left .text .icon img { width: 32px; }
.ser01 ul li .left .text .icon { width: 69px; height: 62px;background-size: cover; }
.ser01 ul li .imgbox img { height: 430px; }
.ser01 ul li .left { height: 430px; }
.ser01 ul li:nth-of-type(2n) .left .text { left: 100%; }
.ser02 { margin: 90px 0 0;}
.ser02 .icenter { padding: 50px 80px;}
.ser02 .icenter h4 { font-size: 30px; margin-bottom: 10px; }
.ser02 .icenter h5 { font-size: 18px; margin-bottom: 28px; }

.con01 { padding: 100px 0;}
.con01 h3 { font-size: 32px; margin-bottom: 30px; }
.con01 ul li .top span { font-size: 20px; line-height: 28px; }
.con01 ul li .top img { width: 32px; }
.con01 ul li .bot img { width: 55px; }
.con01 ul li .bot span { font-size: 12px; line-height: 18px;}
.con01 ul li { padding: 19px 14px 19px 27px;}
.con02 { padding: 90px 0;}
.con02_1 .left h3 { font-size: 32px; line-height: 43px; margin-bottom: 28px; }
.con02_1 .left dd span { font-size: 14px; margin-left: 10px; }
.con02_1 .left { width: 43%; }
.con02_1 .left dl { margin-bottom: 50px; }
.con02_2 { margin-bottom: 90px; padding: 90px 105px;}
.con02_1 { margin-bottom: 90px; }
.con02_2 .left h3 { font-size: 36px; margin-bottom: 22px; }
.con02_2 .left p { font-size: 18px; line-height: 30px; }
.con02_2 .left { width: 574px; }
.con02_2 .right img { width: 120px; }
.con02_3 .top h3 { font-size: 36px; margin-bottom: 7px; }
.con02_3 .top h4 { font-size: 16px;}
.con02_3 .mid input { width: 48%; padding: 14px 32px; font-size: 16px; margin-bottom: 20px; }
.con02_3 .mid textarea { width: 100%; height: 155px; padding: 14px 32px; font-size: 16px;}
.con02_3 .bot span { font-size: 13px;}
.con02_3 .mid { margin-bottom: 50px; }
.con03 { padding: 140px 0;}
.con03 h3 { font-size: 50px; margin-bottom: 8px; }
.con03 h4 { font-size: 24px; margin-bottom: 20px; }
.con03 h5 { font-size: 20px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ font-size: 16px;}
.head .mid ul li .a { margin: 0 14px; font-size: 16px;}
.g_nav_ul1 { top: 80px;}
.g_nav_li a {font-size: 16px;}
.head .mid ul li .g_nav_ul1 {width: 230px;}
.fo02 .fo02_left h3 span { font-size: 14px; color: rgba(255,255,255,.5); margin-left: 6px; }
.fo02 .fo02_left h3 span::after { position: absolute; content: ""; left: 2px;}
.lei05 .vi1_box .left .bot h3 { font-size: 20px;}
.lei05 .vi1_box .right .c_right h4 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.lei05 .vi1_box .right .c_right h5 { font-size: 13px;}
.lei05 .vi1_box .right .c_right h3 { font-size: 12px; margin-bottom: 8px; }
.lei05 .vi1_box .right .content { padding: 12px 0; }
.lei05 .vi1_box .left .vi1 { height: 395px; }
.lei05 .vi1_box .left .vi1 a {height: 100%;}
.lei05 .vi1_box .left .vi1 a img{height: 100%;}
.solu07 ul li .imgbox img { height: 140px; }


.fixed-sub ul li { width:75px; height: 75px; margin-bottom: 1px; }
.fixed-sub ul li a span img { width: 22px;}
.fixed-sub ul li p {        font-size: 12px; margin-top: 4px;}
.fixed-sub ul li:nth-of-type(1) .tel { padding: 20px; font-size: 14px; left: -195px;}
.fixed-sub ul li:nth-of-type(1) .tel i{font-size: 16px;}
.fixed-sub ul li:nth-of-type(1) .tel h2{    font-size: 21px;}
.fixed-sub ul li:nth-of-type(1) .tel p::after { right: -16px;}
.fixed-sub ul li:nth-of-type(3) .ewm img { width: 85px; }
.fixed-sub ul li:nth-of-type(3) .ewm p { font-size: 12px; margin-top: 4px;}
.fixed-sub ul li:nth-of-type(3) .ewm { left: -125px;}
.fixed-sub ul li:nth-of-type(3) .ewm p::after { top: 59px;}
.fixed-sub ul li:nth-of-type(1) .tel h2::after {     top: 8px; right: -24px;}
.inner_banner .text .pro_h4 { font-size: 28px; text-align: center; }

.bd-mask .tcbox .contwarp { width: 860px; padding: 45px; }
.news_banner .news_text .bt{font-size: 30px;}






}